欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序 检测返回事件 左上角返回按钮

程序员文章站 2022-06-04 13:02:09
...

微信小程序 检测返回事件

微信小程序暂时来说没有相对应的检测左上角的返回按钮的事件,不过可以利用app.js和onShow事件来完成这个小功能

1、主要就是在app.js里面为页面设置相对应的值,例如a页面跳到b页面,然后从b页面返回a页面,这样子就可以比较灵活的实现到对应页面的后退事件

app.js

App({
    aData:{
      show:false
    },
})

a页面

onShow(options) {  
    let self = this;
    let aShow = app.aData.show;
    if (aShow){
      wx.showModal({
        title:'hahahahah',
        success: function(res) {
            app.aData.show = false;
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          }
      })
    }
  },

b页面

onShow() {
  app.globalData.aData.show = true;
},
onHide() {
  app.globalData.aData.show = false;
},

2、用sessionStorage去存储对应的变量,然后再在页面判断,这个方法相对第一个会更加好一点

a页面

onShow(options) {  
    let self = this;
    let aShow = JSON.parse(sessionStorage.getItem('aShow')) || '';
    if (aShow){
      wx.showModal({
        title:'hahahahah',
        success: function(res) {
            sessionStorage.setItem('aShow',false);
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          }
      })
    }
  },

b页面

onShow() {
  sessionStorage.setItem('aShow',true);
},