在移动端VUE项目中,默认有返回上一层的功能,例如安卓手机的左上角返回按钮。
当我们需要在返回上一级之前进行某些函数判断时,可以借助beforeRouteLeave 进行判断。
具体作法:
在export default中写函数:
beforeRouteLeave(to,from,next) {
if (this.btnColorChange==false){
MessageBox.confirm('',{
title:'确定要退出调查?退出将不保存答题记录',
cancelButtonText:'暂不',
confirmButtonText:'退出'
})
.then(action=>{
//退出
// this.$router.push('/surveytest')
next()
})
}else {
next()
}
},
这样就实现了在移动端退出当前页面返回上一级的时候进行了判断。其中的next()指向的就是判断执行后的上一级。