鍍金池/ 問答/HTML/ vue動態(tài)路由之間跳轉(zhuǎn)該如何獲得動態(tài)的id號？

vue動態(tài)路由之間跳轉(zhuǎn)該如何獲得動態(tài)的id號？

現(xiàn)在有個需求是在動態(tài)路由之間切換，（實際路由是同一個地址，：id不同），而不是不同路由間的跳轉(zhuǎn)，這樣就觸發(fā)不了生命周期函數(shù)，無法獲取不同的id值。

 <div class="child">
      <div>社區(qū)管理</div>
      <ul>
        <router-link tag="li" :to="'/docLook/'+item.id" v-for="item in communityList" :key="item.id"
        >
          {{item.name}}
        </router-link>
      </ul>
      
      
      
     wacth:{
      id(){
        alert(this.id)
      }
    },
    mounted () {
      this.id =this.$route.params.id;

      },

圖片描述

回答
編輯回答
疚幼

watch 路由id，根據(jù)id 變換來處理邏輯

2017年11月15日 04:19
編輯回答
半心人

beforeRouteUpdate

2018年1月29日 22:48
編輯回答
深記你

可以通過watch方法監(jiān)聽route的變化來獲取最新的id ， 具體可以看vue-router的官方文檔鏈接描述

2018年8月18日 11:00
編輯回答
久愛她

嘗試用計算屬性

---router.js---
{ path: 'changePwd/:id', component: changePwd},

---changePwd.vue---
computed:{
        id:function(){
            return this.$route.params.id
        }

    },
2018年6月8日 06:44