vue 页面路由跳转-离开此页面提示是否保存后再离开
此功能是点击导航跳转前提示是否保存后在离开,不是关闭浏览器前提示1.首先定义一个变量代码如下(示例):data() {return {contentHasSave: false //记录是否点击提交了};},2.跳转路由前做判断代码如下(示例):data(){return{contentHasSave: false //记录是否点击提交了};},beforeRouteLeave(to, from
·
此功能是点击导航跳转前提示是否保存后在离开,不是关闭浏览器前提示
1.首先定义一个变量
代码如下(示例):
data() {
return {
contentHasSave: false //记录是否点击提交了
};
},
2.跳转路由前做判断
代码如下(示例):
data(){
return{
contentHasSave: false //记录是否点击提交了
};
},
beforeRouteLeave(to, from , next){
let _this = this
if (this.contentHasSave == false) {
next(false)
this.$confirm('离开此页面将自动交卷','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(()=>{
// 选择确定
next()
_this.putLearningObj() //提交考试结果函数
}).catch(()=>{
})
}
},
总结
提示:如何在关闭浏览器时也做出同样的提示呢,欢迎留言~
更多推荐
已为社区贡献5条内容
所有评论(0)