vue 循环列表挑战详情页面不刷新的坑

第一个页面循环列表
<li v-for="(item,index) in listdata"  :key="item.id" @click="edit(item.id)">
    <div class="list">
        <div class="text">{{item.clinicid}}</div>
        <div class="time">编号：{{item.code}}</div>
        <div class="time">{{item.createdate}}</div>
    </div>

</li>

edit(id) {
    this.$router.push({
        path: "/doctor/patientdetails", //可以用name 不显示路径  对应的params去接收参数
        query: {
            id: id,
            plan: Math.ceil(Math.random()*100)//没有什么用  
        }
    });
   
},

第二个页面详情页面

//监听值变化 加载页面
beforeRouteUpdate(to, from, next) {
    console.info("==当前路由id==" + to.query.id);
    if (to.query.id) {
        this.medical(to.query.id);
    }

},

methods: {

medical（id）{
}

}


//注意  第一次监听值变化是加载 第一点击是需要创建时 加载一次  不要忘记了