小程序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造成的问题