Vue 页面切换时弹出确认框
Vue iView JavaScript 大约 551 字需求
Vue页面退出或切换前弹出确认框，提示是否离开。
实现
页面使用iView框架，添加beforeRouteLeave即可。
export default {
name: "page",
data() {
return {}
},
methods: {},
beforeRouteLeave (to, from, next) {
this.$Modal.confirm({
content:'内容还未保存，是否离开？',
title:'提示',
okText: '离开',
cancelText: '取消',
onOk: function () {
// 正常跳转
next()
},
onCancel: function () {
// 如果取消跳转地址栏会变化，这时保持地址栏不变
window.history.go(1)
}
});
}
}
阅读 590 · 发布于 2020-11-24
———— END ————
扫描下方二维码关注公众号和小程序↓↓↓
昵称：
随便看看
换一批
-
Android 双击退出应用程序阅读 1268
-
Linux 查看 cron 定时任务执行日志阅读 2324
-
Android 软键盘遮挡控件阅读 566
-
Tomcat 禁止日志输出到 catalina.out阅读 708
-
走进 Spring Boot 第一步之 Java Properties 类阅读 666
-
Spring Boot RabbitMQ Execution of Rabbit message listener failed阅读 1201
-
算法：插入排序阅读 147
-
java.sql.SQLException: ORA-01000: maximum open cursors exceeded阅读 779
-
Android RadioButton 选中改变颜色阅读 2978
-
Linux 使用 dstat 性能监测阅读 705