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)
}
});
}
}
阅读 1976 · 发布于 2020-11-24
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Android RadioButton 的点击效果阅读 2435
-
ThinkPHP5 设置数据库长连接阅读 3347
-
Ubuntu 卸载 Nginx阅读 822
-
JavaScript onstorage 监听本地存储变更事件阅读 1063
-
OpenResty 中使用 ngx.location.capture 完成第三方接口请求阅读 6327
-
JavaScript 页面切换后更改标题阅读 911
-
SQL Server 修改计算机名后修改服务名阅读 837
-
软考-系统架构设计师:进程管理-银行家算法阅读 921
-
前端 Chrome 反《反调试》阅读 7133
-
Spring 中的设计模式阅读 420