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)
}
});
}
}
阅读 304 · 发布于 2020-11-24
———— END ————
扫描下方二维码关注公众号和小程序↓↓↓
昵称：
随便看看
换一批
-
Elasticsearch can not run elasticsearch as root阅读 2628
-
Linux Shell符号及变量阅读 662
-
面试题：HTTP2.0与HTTP1.1的区别阅读 1301
-
软考-系统架构设计师：规范化理论-范式阅读 531
-
JavaScript获取本地局域网IP地址阅读 1161
-
Spring Boot打包本地jar包到war包中阅读 521
-
软考-系统架构设计师：DHCP协议阅读 568
-
Win10运行MonogDB时提示由于找不到VCRUNTIME140.dll(MSVCP140.dll)无法继续执行代码阅读 3248
-
使用ffmpeg剥离视频中的音频阅读 416
-
Linux之CentOS yum安装Nginx阅读 570