当前位置:   article > 正文

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

小程序 tabbar 状态错

自定义tabBar切换页面时需要点击两次,样式状态才对。第一点击时只是页面跳转了。

 

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

  1. globalData: {
  2.     selectedIndex: 0
  3.   }


   

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

  1. methods: {
  2.     switchTab(e) {
  3.       const data = e.currentTarget.dataset;
  4.       const url = data.path;
  5.       app.globalData.selectedIndex = data.index;
  6.       wx.switchTab({ 
  7.         url: url
  8.         })
  9.     }
  10.   }
  11. 还有一个组件的生命周期函数:
  12. ready:function(){
  13.     this.setData({
  14.       selected: app.globalData.selectedIndex
  15.     })
  16.   },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/90018
推荐阅读