<router-link> 重定向本页面数据没有改变
时间: 2023-12-11 14:02:43 浏览: 167
jsp重定向地址栏不改变的实例
如果您使用 `<router-link>` 标签重定向当前页面后,发现页面数据没有改变,可能是因为 Vue.js 的路由默认会复用相同的组件实例,而不是重新创建一个新的组件实例。
为了解决这个问题,可以在路由配置中,通过设置 `key` 属性来强制重新创建组件实例,从而使页面数据得到更新。例如:
```javascript
const router = new VueRouter({
routes: [
{
path: '/example',
component: ExampleComponent,
props: { default: true },
key: 'example' // 设置 key 属性,强制重新创建组件实例
}
]
})
```
在上面的示例中,我们设置了 `key` 属性为 `'example'`,这样每次路由到 `/example` 路径时,都会重新创建一个新的 `ExampleComponent` 实例,从而使页面数据得到更新。
需要注意的是,如果您在组件中使用了 Vuex 等状态管理工具来管理数据,那么可能需要在路由跳转后,手动清除一些状态数据,以便重新渲染页面时能够正确显示最新的数据。
阅读全文