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

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

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

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注