nuxt2点击事件跳转路由this.$router.push('/four') 怎么解决重复跳转
时间: 2023-07-06 11:17:06 浏览: 117
nuxt-template-ts:适用于具有最佳实践文件夹结构、windi.css 配置的企业的 Nuxt 2 打字稿样板 :sparkles::sparkles::sparkles:
如果您想要在重复跳转路由时避免重复发送请求,可以使用 `vue-router` 提供的 `Navigation Guards`。在 `beforeRouteLeave` 中取消上一次的请求。
例如,您可以在组件中添加以下代码:
```
beforeRouteLeave (to, from, next) {
// 判断是否需要取消请求
if (this.$route.path !== to.path) {
// 取消上一次的请求
// ...
}
next()
}
```
在这个函数中,我们首先判断当前路由是否与目标路由相同,如果不同则取消上一次的请求,否则继续进行路由跳转。
阅读全文