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

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

تاریخ ثبت: ۱۴۰۳/۰۱/۰۱

بازدید: 52

پاسخ: 4

تگ: Vue.Js


سلام وقت بخیر

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

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

 

watch(route, (newvalue, oldvalue) => {
     console.log(route);
   })
پاسخ ها
user

محمد اشرافی

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

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

user

محمد اشرافی

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

user

مهدی

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

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

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

user

محمد اشرافی

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

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

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

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

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

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

محبوب ترین مقالات