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

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

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

بازدید: 196

پاسخ: 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

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