微信小程序點擊左上角返回彈窗提示解決思路

更新時間：2024年06月28日 10:20:54 作者：chensi_07

當頁面表單沒有提交直接返回時,要提示用戶是否保存當前信息,如果已經提交就不提示了,下面小編給大家?guī)砹宋⑿判〕绦螯c擊左上角返回彈窗提示解決思路,感興趣的朋友一起看看吧

微信小程序點擊左上角返回彈窗提示解決思路

業(yè)務需求：當頁面表單沒有提交直接返回時，要提示用戶是否保存當前信息，如果已經提交就不提示了。

由于微信小程序是無法監(jiān)聽右上角按鈕返回事件。

所以就換個思路

小程序提供了如下兩個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)
      }
    })
  }

微信小程序阻止用戶返回上一頁，并彈窗給用戶確定是否要返回上一頁

在onload中調用微信的enableAlertBeforeUnload方法，在首次進入會自動監(jiān)聽當前的頁面，在返回的時候會自動彈出彈窗阻止用戶返回上一頁，點擊確定則返回上一頁，取消則停留在當前頁

onLoad: function(){
    wx.enableAlertBeforeUnload({
      message: "返回上頁時彈出對話框1212",
      success: function (res) {
        console.log("方法注冊成功：", res);
      },
      fail: function (errMsg) {
        console.log("方法注冊失?。?, errMsg);
      },
    });
}

到此這篇關于微信小程序點擊左上角返回彈窗提示的文章就介紹到這了,更多相關小程序點擊返回彈窗提示內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: