VUE 路由跳转拦截

业务提到的一个需求,创建活动页面跳转到其他页面的时候,判断表单是否有过新增或者修改;

逻辑分析:

1.验证表单是否被改过;

2.拦截跳转

3.跳转拦截弹出框点了取消按钮后,页面的所有内容保持不变(这里有个场景假设是tab切换菜单,有active状态的button,不做这不操作的话,页面虽然保持在了当前页面,但是按钮的active状态切换到其他菜单去了)

开整

第一步遍历对象跟老数据是否一致就行了;

第二步用beforeRouteLeave这个钩子函数,可以在页面离开的时候走这里。导航守卫

第三步把菜单的路由跳转用router.push(location, onComplete?, onAbort?),后面两个参数,就是跳转路由的回调方法。vue-router 编程式导航

你可能感兴趣的:(VUE 路由跳转拦截)