vue相同路由跳轉強制刷新該路由組件

vue相同路由跳轉強制刷新該路由組件

在打開該菜單頁面的情況下，再次點擊菜單需要刷新該組件（銷毀再創建）

 

1 this.$router.push({
2     path:"/xxx",
3     query:{
4         t:Date.now(),
5     },
6 });

 

在路由容器上綁定key值

1 <router-view :key="$route.path + $route.query.t"></router-view>

 

通過key值的變化去強制刷新該組件

原文鏈接：https://blog.csdn.net/CaanDoll/article/details/81429120