两个路由使用同一组件，如何让组件重新渲染？

Question

我这两个里面用了同一个组件 在检测里面重新渲染那个组件，点回详情里还是之前的数据，然后用watch $route，在离开详情页的时候组件会重新渲染，怎么做到在进入详情的时候就重新渲染呢？

Answer 1

是项目用了keep-alive,在activated调用组件刷新就行了

Answer 2

使用路由 name 或者 path 作为 router-view 的key键即可

Answer 3

点击的时候你跳转相应的路径就好了，你的使用vuex或者使用pinia就可以实现

Answer 4

一般来说，如果是同一组件，那么只要更新数据就可以了。

我一般会用 watch(() => route.params.id, () => {}) 之类的方式来侦听路由变化并更新。