微信小程序返回弹出提示

闲来无事垂钓

已于 2022-08-15 11:03:48 修改

阅读量9.7k

点赞数 2

分类专栏：微信小程序学习笔记文章标签：微信小程序返回弹窗返回挽留事件

于 2021-06-15 11:28:27 首次发布

本文链接：https://blog.csdn.net/qq_39109182/article/details/117920683

版权

微信小程序学习笔记专栏收录该内容

40 篇文章

订阅专栏

本文介绍了如何在微信小程序中使用wx.enableAlertBeforeUnload和wx.disableAlertBeforeUnloadAPI来实现用户离开页面前的保存确认提示，以及如何根据用户操作关闭弹窗。重点在于控制提示对话框的显示与隐藏。

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

当用户进入页面，编辑后没有保存直接返回，这时需要给用户提示是否需要保存在返回，如果保存了，则不提示

主要用到

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

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

官方api

wx.enableAlertBeforeUnload(Object object) | 微信开放文档

wx.disableAlertBeforeUnload(Object object) | 微信开放文档

如果用户点击dddd则不需要在弹提示框

<view bindtap="zuzhi">dddddddddddddd</view>

data: {
//isAlert:true// 通过此字段判断是否需要隐藏弹窗，默认true显示，false隐藏
},
onLoad: function (options) {
    wx.enableAlertBeforeUnload({
        message: "返回上页时弹出对话框",
        success: function (res) {
            console.log("成功：", res);
        },
        fail: function (err) {
            console.log("失败：", err);
        },
    });
},
zuzhi:function(){
    //this.setData({
        //isAlert:false
    //})
    wx.disableAlertBeforeUnload() //关闭小程序页面返回询问对话框
    console.log('不弹窗')
},