vue中动态路由匹配(即:组件复用)参数不刷新解决方案(最简单的)
官方说你可以通过 watch $route 的变化来进行处理,但说真的还是蛮麻烦的。
后来发现其实可以简单的在 router-view
上加上一个唯一的 key,来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。
<router-view :key="key"></router-view>
computed: {
key() {
// 只要保证 key 唯一性就可以了,保证不同页面的 key 不相同
return this.$route.fullPath
}
}