uniapp阻止左滑与按钮点击回退控制

3,825 阅读1分钟

记录uniapp的开发APP点滴。 用uniapp做APP的时候,安卓用户点击返回键或者采用左滑,会触发页面返回功能,有时候是用户误触发,希望在左滑或者点击虚拟返回按钮时,提示用户确认后再操作,废话不哆嗦。上代码。

onBackPress(options) {
    if (options.from === 'navigateBack') {
        return false;
    }
    uni.showModal({
        title: '提示',
        content: '是否退出当前页面?',
        success: function(res) {
            if (res.confirm) {
                uni.navigateBack();
            } else if (res.cancel) {
                console.log('用户点击取消');
            }
        }
    });
    return true;
}

代码放置与onLoad同级,简单解释代码,大概就是监听了用户点击返回或者左滑等,触发提示,确认以后针对js控制的返回,直接返回上一级。 附上官方对onBackPress的介绍