小程序自定义tabBar切换时,tabBar状态切换失效

照着官方文档的步骤来,结果切换tabBar的时候,页面显示正常,可是bar的状态却不正常,得点第二次的时候才正常。
解决办法:

   第一步.在app.js文加下添加全局变量来锁定当前bar的索引值

globalData: {
    selectedIndex: 0
  }

    第二步:   custom-tab-bar->index.js文加下
      

methods: {
    switchTab(e) {
      const data = e.currentTarget.dataset;
      const url = data.path;
      app.globalData.selectedIndex = data.index;
      wx.switchTab({ 
        url: url
        })
    }
  }

还有一个组件的生命周期函数:
 

ready:function(){
    this.setData({
      selected: app.globalData.selectedIndex
    })
  },

 

你可能感兴趣的:(小程序)