小程序switchTab跳转以后页面不刷新问题的优化及解决方案

小程序switchTab跳转以后页面不刷新问题的优化及解决方案

之前开发小程序首页的时候发现使用switchTab跳转之后,不执行onload。所以将逻辑部分放到了onshow当中,但是放在onshow当中,无论缩小至后台,重新点击tab,都会触发onshow,影响了性能。所以下午闲来无事优化了一下。
switchTab跳转以后的不刷新的主要原因是因为tabbar出于性能考虑,switchTab跳转之后,不执行onload,可以在switchTab的回调中拿到页面执行onload:

wx.switchTab({
              url: jumpUrl,
              success: function (e) {
              var page = getCurrentPages().pop();
              if (page == undefined || page == null) return;
              page.onLoad();
              })

这样解决了登录之后执行switchTab后页面不刷新的问题。
但是,如果用户为登录,例如点击‘’我的‘’在这里插入图片描述
在“我的”page ,执行登录以后用switchTab返回“我的”page,再次点击首页,不执行onload,因为tabbar的页面不轻易刷新,于是在首页page中使用了onTabItemTap这个函数,来解决点击首页tab的刷新问题,代码如下:

  onTabItemTap: function() {
    wx.showToast({
      title: '来到首页',
    })
    this.onLoad()
  }

在这里插入图片描述

登录后从我的进入首页,执行onload
这样优化了onshow造成的问题

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值