vue路由url變化但是頁面不跳轉

一、監聽路由
watch: {
 // 方法1 //監聽路由是否變化
  '$route' (to, from) {
   if(to.query.id !== from.query.id){
            this.id = to.query.id;
            this.init();//重新加載數據
        }
  }
}
//方法 2  設置路徑變化時的處理函數
watch: {
'$route': {
    handler: 'init',
    immediate: true
  }
}

二、添加key
<router-view :key="$route.fullpath"></router-view>

參考原文

https://blog.csdn.net/weixin_43837268/article/details/104747109?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1.queryctrv2&spm=1001.2101.3001.4242.2&utm_relevant_index=4