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