beforeRouteLeave路由守卫，退出页面时弹窗提示

最近做了一个需求，退出页面时提示退出确认弹窗，用到了VUE的beforeRouteLeave实现步骤这里用到了vant组件库的Dialog弹窗需要注意的是，我在这里定义了一个backConfirm布尔值，默认为true，是因为考虑到如果这个页面有提交按钮，在提交成功后，会进行页面跳转，为了防止在这时出现退出确认弹窗，我们只需要在提交成功后，把backConfirm赋值为false即可。...

hello_kking

4836人浏览 · 2020-03-06 15:08:20

hello_kking · 2020-03-06 15:08:20 发布

在这里插入图片描述
最近做了一个需求，退出页面时提示退出确认弹窗，用到了VUE的beforeRouteLeave

实现步骤
在这里插入图片描述
这里用到了vant组件库的Dialog弹窗
需要注意的是，我在这里定义了一个backConfirm布尔值，默认为true，是因为考虑到如果这个页面有提交按钮，在提交成功后，会进行页面跳转，为了防止在这时出现退出确认弹窗，我们只需要在提交成功后，把backConfirm赋值为false即可。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^