vue禁止某个页面通过浏览器返回

需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换

1、.在路由配置中给这个当前路由添加meta信息
vue禁止某个页面通过浏览器返回_第1张图片
2、在全局的router.beforeEach 函数里面获取allowBack的状态,同时更新vuex的allowBack的值
vue禁止某个页面通过浏览器返回_第2张图片
注意写在next()的后面,因为写在next()前面location.href并不是to的地址,这点跟vue1.0有点不同。
location.href 获取的仍不是to的地址,所以得根据to的信息来拼起来

3、在app.vue的mounted里面写onpopstate事件:
vue禁止某个页面通过浏览器返回_第3张图片

你可能感兴趣的:(vue)