失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序自定义tabbar容易遇到的问题

微信小程序自定义tabbar容易遇到的问题

时间:2022-02-04 06:16:51

相关推荐

微信小程序自定义tabbar容易遇到的问题

1.自定义tabbar不生效:

原因文件名称不正确,必须使用custom-tab-bar命名

2.切换延迟问题,如A→B,需要点击两次icon才能正确选中

解决方法如下:

在跳转的页面的show生命周期里面加上,selected是custom-tab-bar里面当前设置选中下标的参数名,而值是对应tabbar数组里面对应的下标

onShow(){if (typeof this.getTabBar === 'function' && this.getTabBar()) {this.getTabBar().setData({selected: 2,active: getApp().globalData.selected})console.log(this.getTabBar().__data__.selected)this.setData({active:this.getTabBar().__data__.selected})}}

3.切换闪烁问题:

如A→B,切换的时候页面会闪烁一下,解决方法:

注释掉custom-tab-bar里面index.js里切换事件的this.setData

如果觉得《微信小程序自定义tabbar容易遇到的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

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