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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wasbb_mm/article/details/80319638

微信小程序 检测返回事件

微信小程序暂时来说没有相对应的检测左上角的返回按钮的事件,不过可以利用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);
},
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页