uni-app开发微信小程序,退出当前页时提示,常用于防止填写表单误触返回

最新推荐文章于 2024-08-27 02:12:56 发布

QDKuz

最新推荐文章于 2024-08-27 02:12:56 发布

阅读量679

点赞数 1

分类专栏： uni-app开发微信小程序经验积累文章标签： uni-app 微信小程序小程序 css html html5 javascript

本文链接：https://blog.csdn.net/weixin_45395283/article/details/132661450

版权

uni-app开发微信小程序经验积累专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.使用场景

当页面存在需要用户填写的表单时，我们需要考虑是否存在用户不小心回退页面的问题。这将导致用户输入的数据都被销毁，用户的体验感极差。我们无需使用复杂的方法对页面的回退进行监听。

官方提供了API wx.enableAlertBeforeUnload()

弹窗条件

当用户在小程序内非首页页面/最底层页
官方导航栏上的的返回
全屏模式下自绘返回键
android 系统 back 键时

注意事项

手势滑动返回时不做拦截
在任何场景下，此功能都不应拦住用户退出小程序的行为

参考代码

onLoad: function(){
    wx.enableAlertBeforeUnload({
      message: "您确定要退出预约吗?",
      success: function (res) {
        console.log("方法注册成功：", res);
      },
      fail: function (errMsg) {
        console.log("方法注册失败：", errMsg);
      },
    });
}