Bootstrap

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

1.使用场景

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

官方提供了API wx.enableAlertBeforeUnload()  

弹窗条件

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

注意事项

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

参考代码

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

运行效果

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;