vue动态路由之间跳转该如何获得动态的id号？

Question

现在有个需求是在动态路由之间切换，（实际路由是同一个地址，：id不同），而不是不同路由间的跳转，这样就触发不了生命周期函数，无法获取不同的id值。

 <div class="child">
      <div>社区管理</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;

      },   
      

Answer 1

watch 路由id，根据id 变换来处理逻辑

Answer 2

尝试用计算属性

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

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

    },

Answer 3

beforeRouteUpdate

Answer 4

可以通过watch方法监听route的变化来获取最新的id ， 具体可以看vue-router的官方文档链接描述