微信小程序tabBar闪烁问题

最新推荐文章于 2024-07-25 08:15:00 发布

@永琪

最新推荐文章于 2024-07-25 08:15:00 发布

阅读量1.7k

点赞数 1

分类专栏：问题集锦文章标签：小程序

本文链接：https://blog.csdn.net/qq_40793132/article/details/118709313

版权

问题集锦专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.出现问题原因

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

 switchTab(e) {
    const data = e.currentTarget.dataset
    const 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
      })
    }
  },