uni-app 返回阻止非微信小程序

Edwin_jada

于 2023-02-20 11:35:12 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏： Html学习文章标签：微信小程序 uni-app 前端

本文链接：https://blog.youkuaiyun.com/Edwin_jade/article/details/129121218

Html学习专栏收录该内容

6 篇文章

订阅专栏

该代码段展示了在小程序中，当用户点击后退按钮时如何检查表单是否完成。如果表单未完成，会显示一个确认对话框，只有在用户确认离开时才会执行uni.navigateBack()。通过returntrue可以阻止默认的返回行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        // #ifndef MP
         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;
                 }
             }
         },
        // #endif

小程序暂时不支持此功能