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

在菜單的路由跳轉上綁定一個隨機query參數，例如時間戳或者隨機數：

this.$router.push({
    path:"/xxx",
    query:{
        t:Date.now(),
    },
});

該操作會觸發路由改變，但是組件內的狀態沒有初始化，因為組件沒有被重建。

在路由容器上綁定key值：

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

大功告成，通過key值的變化去強制刷新該組件。

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