• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    vue.js使用watch監聽路由變化的方法

    來源:懂視網 責編:小采 時間:2020-11-27 22:11:43
    文檔

    vue.js使用watch監聽路由變化的方法

    vue.js使用watch監聽路由變化的方法:watch除了可以監聽數據的變化,路由的變化也能被其監聽到 效果如下: 具體代碼 當路由發生變化后,在watch中寫具體的業務邏輯 let vm = new Vue({ el: #app, data: {}, router, watch: { '$route.path': function (new
    推薦度:
    導讀vue.js使用watch監聽路由變化的方法:watch除了可以監聽數據的變化,路由的變化也能被其監聽到 效果如下: 具體代碼 當路由發生變化后,在watch中寫具體的業務邏輯 let vm = new Vue({ el: #app, data: {}, router, watch: { '$route.path': function (new

    watch除了可以監聽數據的變化,路由的變化也能被其監聽到

    效果如下:

    具體代碼

    當路由發生變化后,在watch中寫具體的業務邏輯

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

    下面在單獨給大家介紹下Vue 監聽路由變化的代碼,具體代碼如下所述:

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

    總結

    以上所述是小編給大家介紹的vue.js使用watch監聽路由變化的方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    vue.js使用watch監聽路由變化的方法

    vue.js使用watch監聽路由變化的方法:watch除了可以監聽數據的變化,路由的變化也能被其監聽到 效果如下: 具體代碼 當路由發生變化后,在watch中寫具體的業務邏輯 let vm = new Vue({ el: #app, data: {}, router, watch: { '$route.path': function (new
    推薦度:
    標簽: VUE js 變化
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 惠民福利中文字幕人妻无码乱精品 | 日本一区二区三区精品国产 | 国产精品美女久久久网AV| 蜜臀久久99精品久久久久久小说| 欧美精品一区二区精品久久| 日韩精品无码免费一区二区三区| 国产亚洲精品自在线观看| 国产精品久久网| 久久丫精品国产亚洲av不卡| 欧美日韩精品系列一区二区三区国产一区二区精品 | 亚洲国产综合91精品麻豆| 精品久久久久久无码专区| 日韩精品一区二区午夜成人版 | 青青青国产精品国产精品久久久久| 无码日韩精品一区二区免费暖暖| 国产精品美女免费视频观看| 久久精品国产99国产电影网| 国产中老年妇女精品| 亚洲av无码乱码国产精品fc2| 人人妻人人澡人人爽精品欧美 | 亚洲愉拍99热成人精品热久久| 久久99精品国产99久久6| 一区二区三区四区精品视频| 精品久久久久久无码中文野结衣 | 亚洲国产精品久久久久| 国产麻豆精品一区二区三区v视界| 亚洲精品tv久久久久久久久久| 久久se精品一区精品二区国产| 亚洲精品理论电影在线观看| AAA级久久久精品无码片| 久久国产精品77777| 亚洲AV无码成人网站久久精品大| 亚洲精品无码专区2| 午夜国产精品无套| 午夜一级日韩精品制服诱惑我们这边| 欧美精品一区二区三区免费| 日韩精品毛片| 亚洲精品无码永久中文字幕| 亚洲欧美精品AAAAAA片| 无码精品人妻一区二区三区中| 人人妻人人澡人人爽精品日本|