生命周期函数:onBackPress()
uniapp官网描述如下:
图片.png
当用户进行以下操作时,会触发该函数:
1. Android实体返回键 (from = backbutton)
2. 顶部导航栏左边的返回按钮 (from = backbutton)
3. 返回API,即uni.navigateBack() (from = navigateBack)
注意事项:
- 函数中返回值为true 时, 表示不执行默认的返回,执行自定义的的业务逻辑
- 不返回或返回其它值,均会执行默认的返回行为。
- H5 平台,顶部导航栏返回按钮支持 onBackPress(),浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()
- 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。
【示例】
onBackPress(e) {
if (e.from == 'backbutton') {
var flag = commonMethod.looseEqual(this.initialForm, this.selfForms);
if (!flag) {
uni.showModal({
title: '确定要离开?',
content: '您填写的表单信息尚未完成,确定离开?',
success: res => {
if (res.confirm) {
uni.navigateBack();
}
}
});
// 禁止默认返回
return true;
}
}
},