业务提到的一个需求,创建活动页面跳转到其他页面的时候,判断表单是否有过新增或者修改;
逻辑分析:
1.验证表单是否被改过;
2.拦截跳转
3.跳转拦截弹出框点了取消按钮后,页面的所有内容保持不变(这里有个场景假设是tab切换菜单,有active状态的button,不做这不操作的话,页面虽然保持在了当前页面,但是按钮的active状态切换到其他菜单去了)
开整
第一步遍历对象跟老数据是否一致就行了;
第二步用beforeRouteLeave这个钩子函数,可以在页面离开的时候走这里。导航守卫
第三步把菜单的路由跳转用router.push(location, onComplete?, onAbort?),后面两个参数,就是跳转路由的回调方法。vue-router 编程式导航