uniapp onBackPress返回事件

uniapp官网描述如下：

图片.png

当用户进行以下操作时，会触发该函数：
  1. Android实体返回键 (from = backbutton)
  2. 顶部导航栏左边的返回按钮 (from = backbutton)
  3. 返回API，即uni.navigateBack() (from = navigateBack)

注意事项：

1. 函数中返回值为true 时， 表示不执行默认的返回，执行自定义的的业务逻辑
2. 不返回或返回其它值，均会执行默认的返回行为。
3. H5 平台，顶部导航栏返回按钮支持 onBackPress()，浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()
4. 暂不支持直接在自定义组件中配置该函数，目前只能是在页面中来处理。

【示例】

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;
        }
    }
},

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/41991.html