微信小程序 -- 左上角的页面返回拦截

微信小程序 -- 左上角的页面返回拦截

前题:最近又遇到了这个问题,小程序需要在返回上一页之前判断当前页面是否做了数据操作,如果是则弹出弹窗提示,简单抄文档 介绍一下这两个方法:

方法一:

wx.enableAlertBeforeUnload 官方文档
在onLoad中声明这个方法,返回时页面自动弹出弹窗提示
如果你想根据数据动态显示,你可以在数据变化时声明wx.enableAlertBeforeUnload启用,声明wx.disableAlertBeforeUnload撤销

方法二
page-container 官方文档
这个类似于一个遮罩层,如果不想要遮罩可以用参数overlay或者css样式display:none去掉
wxml:

<text>target/target.wxml</text>
<page-container show="{{show}}" bind:beforeleave="beforeleave"></page-container>

js:

  data: {
    show:true
  },

  beforeleave:function(){
  	···  //这里做你的数据判断,
  		//由于page-container只显示一次,
  		//弹窗点击取消后如果想要再次显示只需要this.setData({show: true})即可
  	  },

新手上路请多多关照,一起学习

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值