VUE 路由跳转拦截

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

逻辑分析:

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

2.拦截跳转

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

开整

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容