vue-router如何做历史返回提示?
程序员文章站
2022-07-14 20:25:44
...
vue-router如何做历史返回提示?
获取vue-router的上一个页面是否存在或者是否是自己需要返回的地址,可以使用vue-router的的声明周期函数,有三种模式:
第一种、使用全局函数beforeEach,直接来获取form.path(即为对应的上一次地址的路由path内容);
beforeEach(to, from, next) {
path = from.path //path为定义的变量,不是vue的data定义的变量,当前生命周期data还未初始化
next()
}
第二种、使用组内共享函数beforeEnter,直接来获取form.path(即为对应的上一次地址的路由path内容);
beforeEnter(to, from, next) {
path = from.path //path为定义的变量,不是vue的data定义的变量,当前生命周期data还未初始化
next()
}
第三种、使用组件内函数,beforeRouteEnter,,直接来获取form.path(即为对应的上一次地址的路由path内容);
beforeRouteEnter(to, from, next) {
path = from.path //path为定义的变量,不是vue的data定义的变量,当前生命周期data还未初始化
next()
}
上一篇: 4.字符串的扩展(学习笔记)
推荐阅读