欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue.js使用watch監(jiān)聽路由變化的方法

 更新時(shí)間：2018年07月08日 09:53:54   作者：章魚喵_  
這篇文章主要介紹了vue.js使用watch監(jiān)聽路由變化的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

watch除了可以監(jiān)聽數(shù)據(jù)的變化，路由的變化也能被其監(jiān)聽到

效果如下：

具體代碼

當(dāng)路由發(fā)生變化后，在watch中寫具體的業(yè)務(wù)邏輯

let vm = new Vue({
 el: "#app",
 data: {},
 router,
 watch: {
  '$route.path': function (newVal, oldVal) {
   if (newVal === '/login') {
    console.log('歡迎進(jìn)入登錄頁面');
   }
   if (newVal === '/register') {
    console.log('歡迎進(jìn)入注冊(cè)頁面');
   }
  }
 }
})

下面在單獨(dú)給大家介紹下Vue 監(jiān)聽路由變化的代碼，具體代碼如下所述：

watch:{   //監(jiān)聽路由變化
    $route( to , from ){   
       console.log( to , from )
        // to , from 分別表示從哪跳轉(zhuǎn)到哪，都是一個(gè)對(duì)象
        // to.path  ( 表示的是要跳轉(zhuǎn)到的路由的地址 eg: /home );
     }
}

總結(jié)

以上所述是小編給大家介紹的vue.js使用watch監(jiān)聽路由變化的方法，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

相關(guān)文章

最新評(píng)論