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()
}

 

posted on 2019-02-19 13:23  o笨小孩o  阅读(4104)  评论(0编辑  收藏  举报