微信小程序 点击左上角返回弹窗提示

业务需求：当页面表单没有提交直接返回时，要提示用户是否保存当前信息，如果已经提交就不提示了。

由于微信小程序是无法监听右上角按钮返回事件。

所以就换个思路

小程序提供了如下两个Api

wx.enableAlertBeforeUnload(Object object)：开启小程序页面返回询问对话框

wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框

 实现方法如下：

onLoad: function (options) {
    this.enableFun()
},
enableFun() {
    wx.enableAlertBeforeUnload({
      message: '离开当前页面数据将会被清空',
      success(res) {
        console.log('success:', res)
      },
      fail(res) {
        console.log('fail:', res)
      },
      complete(res) {
        console.log('complete:', res)
      }
    })
  }

如果在某种情况下（如已经提交了数据），不需要弹出提示框

onSubmit(){
    this.disableFun()
},
// 关闭小程序页面返回询问对话框
disableFun() {
    wx.disableAlertBeforeUnload({
      success(res) {
        console.log('success:', res)
      },
      fail(res) {
        console.log('fail:', res)
      },
      complete(res) {
        console.log('complete:', res)
      }
    })
  }