微信小程序自定义tabbar闪烁问题

闪烁问题原因：超过两个tabbar页不要单纯的使用官方说的show时getTabBar().setData设置选中态，自定义tabbar是多个实例的，那样只会改变当前tabbar实例的选中态，其他页面的tabbar实例并没有改变选中态。

解决tabbar闪烁问题：

1.在app.js中设置 globalData

// app.js
 
App({
  globalData: {
    tabIndex: 0
  },
})

2.在 custom-tab-bar/index.js 中设置

//custom-tab-bar/index.js
 
const app = getApp()
 
 
lifetimes: {
 
    attached() {
 
      this.setData({
        selected: app.globalData.tabIndex
      })
 
    }
 
},
 
methods: {
 
    switchTab(e) {
 
      const data = e.currentTarget.dataset
 
      const url = data.path
 
      wx.switchTab({ url })
 
      app.globalData.tabIndex = data.index
    }
},

3.每个tabbar页面设置

 
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().setData({
        selected: // tabbar的id 
      })
    }