vue的router-view中同一組件不同路由，解決跳轉時頁面不刷新的問題

different router the same component vue。真實的業務場景中，這種情況很多。比如

 

 

我創建和編輯的頁面使用的是同一個component,默認情況下當這兩個頁面切換時並不會觸發vue的created或者mounted鈎子，官方說你可以通過watch $route的變化來做處理，但其實說真的還是蠻麻煩的。后來發現其實可以簡單的在 router-view上加上一個唯一的key，來保證路由切換時都會重新渲染觸發鈎子了。這樣簡單的多了。

<router-view :key= "key"></router-view> computed: { key() { return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date() } }

作者：花褲衩
鏈接：https://juejin.cn/post/6844903476661583880
來源：掘金