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

最新推荐文章于 2024-07-12 16:38:24 发布

hello_kking

最新推荐文章于 2024-07-12 16:38:24 发布

阅读量4.8k

点赞数 2

本文链接：https://blog.csdn.net/qq_42760581/article/details/104696051

版权

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

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