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
来源：掘金