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

مهدی ش
1 فروردين ۱۴۰۳

سلام وقت بخیر

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

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

 

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

4 پاسخ
  • محمد اشرافی1 فروردين ۱۴۰۳

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

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

  • محمد اشرافی1 فروردين ۱۴۰۳

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

  • مهدی ش1 فروردين ۱۴۰۳

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

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

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

  • محمد اشرافی1 فروردين ۱۴۰۳

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

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

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

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

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