解决 Vue 路由切换,但是组件不更新的问题
场景:显示用户信息的组件,通过路由中的 id 显示不同的用户信息。
<router-view />
会缓存组件,即便路由的 id 不一样,组件也不会重新加载。
解决问题的关键就是给 <router-view :key="xxx" />
设置不同的 key,如使用路径参数 $route.params.id,或 query 参数 $route.query.id。
场景:显示用户信息的组件,通过路由中的 id 显示不同的用户信息。
<router-view />
会缓存组件,即便路由的 id 不一样,组件也不会重新加载。
解决问题的关键就是给 <router-view :key="xxx" />
设置不同的 key,如使用路径参数 $route.params.id,或 query 参数 $route.query.id。