解决 Vue 路由切换,但是组件不更新的问题

34次阅读
没有评论

提醒:本文最后更新于 2024-03-25 23:02,文中所关联的信息可能已发生改变,请知悉!

场景:显示用户信息的组件,通过路由中的 id 显示不同的用户信息。

<router-view /> 会缓存组件,即便路由的 id 不一样,组件也不会重新加载。

解决问题的关键就是给 <router-view :key="xxx" /> 设置不同的 key,如使用路径参数 $route.params.id,或 query 参数 $route.query.id。

正文完
 0
狐耳阿霖
版权声明:本站原创文章,由 狐耳阿霖 于2023-09-01发表,共计163字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)