router-link刷新才跳转
时间: 2023-10-20 22:01:21 浏览: 93
详谈vue中router-link和传统a链接的区别
5星 · 资源好评率100%
如果你希望在点击 `router-link` 组件时刷新页面后再进行路由跳转,可以考虑使用 `force` 属性。
`router-link` 是 Vue Router 提供的用于生成路由链接的组件,它会根据配置的路由规则自动处理路由跳转。默认情况下,点击 `router-link` 组件时,Vue Router 会检测当前路由是否和目标路由相同,如果相同则不进行跳转。这样做是为了避免重复跳转和刷新。
要实现在点击 `router-link` 组件时刷新页面后再进行路由跳转,可以使用 `force` 属性。将 `force` 属性设置为 `true` 后,即使当前路由和目标路由相同,也会进行刷新和跳转。
下面是一个示例:
```html
<router-link :to="{ path: '/some-route' }" :force="true">Go to Some Route</router-link>
```
这样,在点击 `router-link` 组件时,无论当前路由是否和目标路由相同,都会进行刷新和跳转。
需要注意的是,使用 `force` 属性可能会导致页面刷新,这可能会影响用户体验。请根据实际需求慎重使用。
阅读全文