vue怎样拿到上一个路由的地址,解决点击返回不生效的问题
vue怎样拿到上一个路由的地址,解决点击返回不生效的问题
·
重复点击触发到当前路由,点击this.$router.go(-1),则还是会返回点击点的重复路由,解决办法如下:
进入页面的时候记录下进来的路由信息,存为全部变量,点击返回时切换到进来的路由
在vue生命周期里面加(记得在data里面声明pathEnterUrl)
beforeRouteLeave:离开路由之前执行的函数。
next(); 下一步 ,放不放行,必须有这个,相当于一个按钮开启一样。
from 记录来的路由信息,to记录跳转目的路由信息
beforeRouteEnter(to, from, next) {
next(vm => {
vm.pathEnterUrl = from.fullPath
})
}
goBack() {
this.$router.push({ path: `${this.pathEnterUrl}` })
},
更多推荐
已为社区贡献1条内容
所有评论(0)