失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序tabBar闪烁问题

微信小程序tabBar闪烁问题

时间:2019-06-16 06:33:26

相关推荐

微信小程序tabBar闪烁问题

1.出现问题原因

下面贴出的代码是官方给出的自定义tabBat组件里的函数,被我注释掉的this.setData是引起闪烁的主要原因。但是注释掉以后会引起tabBar切换按钮选中状态失效。

switchTab(e) {const data = e.currentTarget.datasetconst url = data.path;console.log(data)wx.switchTab({url })// this.setData({// selected: data.index// })}

2.tabBar切换按钮选中状态失效问题解决

由于刚才注释掉代码,是设置当前按钮选中状态的。所以我们需要在每一个tarBar页面的onShow生命周期函数里添加下面这段代码:

onShow() {if (typeof this.getTabBar === 'function' && this.getTabBar()) {this.getTabBar().setData({selected: 0})}},

如果觉得《微信小程序tabBar闪烁问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。