شناسایی تغییر روت

سوالتو بپرس

سوال شده توسط : مهدی ش

تاریخ : 09:08 1403/01/01

بازدید : 123 بار

سلام وقت بخیر

من می خواهم داخا پروژه Nuxtjs3 در هر جای پروژه که روت تغییر کرد متوجه بشم و یک کاریو انجام بدم

توی App.vue واچ زدم روی روت ولی هیچ اتفاقی نمیوفته

watch(route, (newvalue, oldvalue) => {
     console.log(route);
   })

Vue.Js

4 پاسخ

سلام وقت بخیر ، شما باید از hook ها استفاده کنید ، یکی از hook هایی که برای کار شما مناسبه page:start هست که وقتی یه صفحه Load میشه اجرا میشه و اگر از یک صفحه به صفحه دیگه برید این hook دوباره صدا زده میشه ( یا از page:finish استفاده کنید )

https://nuxt.com/docs/guide/going-further/hooks#app-hooks-runtime

11:44 1403/01/01

طبق داکیومنتی که براتون فرستادم یه plugin بسازید و کار رو اونجا انجام بدین

11:44 1403/01/01

مهندس ممنونم درست شد

روت رو که تغییر میدم کاملا درسته همه چیز

ولی وقتی صفحه رو ریلود میکنم عمل نمیکنه

17:34 1403/01/01

خواهش میکنم ، این hook برای تغییر route هست اگر میخواین برای reload شدن هم چیزی ست کنید توی app.vue بنویسید اش (یک بار زمانی پروژه بالا اومد اجرا میشه )

و وقتی وارد یه لینک دیگه شدین( تو حالت spa ) این hook اجرا میشه

البته برای event هایه ssr هم hook وجود داره میتونید ازش استفاده کنید

این لیست تمام hook هاییه که وجود داره

https://nuxt.com/docs/api/advanced/hooks#app-hooks-runtime

20:53 1403/01/01

برای ثبت پاسخ باید وارد حساب کاربری خود شوید