1. 拦截Element-UI中el-tabs组件的切换效果
需求:在切换tabs时,如果当前页面内容没有保存,则拦截切换并提示必填校验信息
先看下效果,点击新增,没有填写项目信息直接切换是会被阻止跳转
在点击下修改,内容是已经存在的在点击 年度计划,则可以跳转tabs标签页
2. element el-tabs before-leave 方法进行拦截
3. 坑点
- 有时候必填完后返回 true 或者false 这个方法拦截不到,如
vaild ? true : false所以建议使用 promise 的resolve()和reject()