vue路由鉤子

  • 路由鉤子

1.全局鉤子
2.某個(gè)路由獨(dú)享鉤子
3.組件內(nèi)鉤子

  • 全局鉤子

beforeEach(全局前置守衛(wèi))、afterEach(全局后置鉤子)

Router.beforeEach((to,from,next)=>{
      ......
})
Router.afterEach((to,from,next)=>{
      ......
})
  • 某個(gè)路由獨(dú)享鉤子
  1. beforeEnter
  2. beforeLeave
{
  path:"/home",
  component:resolve=>require(["../components/home.vue"],resolve),
  beforeEnter:(to,from,next)=>{
      ......
  },
  beforeLeave:(to,from,next)=>{
      ......
  }
}
  • 組件內(nèi)鉤子

1.beforeRouteLeave
2.beforeRouteEnter
3.beforeRouteUpdate

  methods:{
      beforeRouteLeave(to,from,next){
            .......
      }
  }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 路由鉤子主要作用是攔截導(dǎo)航,讓他完成跳轉(zhuǎn)或者取消跳轉(zhuǎn)。比如登錄界面輸入了賬號(hào)、密碼,主界面需要展示賬號(hào),但是你沒有...
    肆意木閱讀 14,649評(píng)論 0 1
  • —— “導(dǎo)航”表示路由正在發(fā)生改變。 路由鉤子函數(shù)有三種: 1:全局鉤子: beforeEach、 ...
    G_弦上的詠嘆調(diào)閱讀 27,932評(píng)論 1 11
  • Vue Router 官網(wǎng)已經(jīng)寫得很好了,這里自己再總結(jié)鞏固下。(注意:這里所有的例子都是基于Vue/cli 3....
    李牧敲代碼閱讀 942評(píng)論 1 1
  • 1、vue-router如何響應(yīng) 路由參數(shù) 的變化? 問題:當(dāng)使用路由參數(shù)時(shí),例如從 /content?id=1 ...
    world_7735閱讀 1,039評(píng)論 0 4
  • 為了全我暑期出行的愿望,這個(gè)周末我們一家三口去了很近的北京。因?yàn)閹е⒆?,就選擇開車,一來孩子方便,二來也想體會(huì)一...
    陽(yáng)光燦爛的心情閱讀 291評(píng)論 0 0

友情鏈接更多精彩內(nèi)容