小程序监听左上角返回事件后处理一些逻辑

小程序监听左上角返回事件后处理一些逻辑

有得时候小程序在点击左上角返回的时候是需要改变一些只或者属性的,但是有监听不到用户点击了返回按钮,除非是自定义一个返回按钮,哎,我找到了一个方法,不多说直接用代码演示

这是A页面的wxml代码

<view class="conBoxText" >
        <view bindtap="changeText">点击跳转到B页面</view>
    </view>

A页面的js代码

changeText(e) {
   wx.navigateTo({
      url: `/pages/A/index`,
    // 监听从/pages/B/index页面返回时携带的backData数据
      events: {
    // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
          backFromTargetPage: function (backData) {
      	if (backData.category && backData.currentTab) {
      // 监听到 /pages/B/index 返回调用接口
         	that.refresh(backData.category, backData.currentTab)
            }
          }
        }
    })
  },

接下来就在B页面的onUnload函数里监听点击箭头事件返回一些数据

B页面的js

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    // 监听左上角点击箭头返回上一页面的事件监听
    const {category
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值