当前位置:   article > 正文

微信小程序自定义tabBar之van-tabbar 结合switchTab ,切换时二次点击才会修改图标状态bug_微信小程序,自定义tabbar,wx.switchtab转跳,图标颜色不对应

微信小程序,自定义tabbar,wx.switchtab转跳,图标颜色不对应

一、问题现象

点击tabbar, 页面切换了,但是图标选中状态没有跟着改变

原因分析:

 其实active已经修改了,只是又莫名其妙被改过来了,

如果去掉switchTab其实可以正常切换状态的,问题应该出在wx.switchTab这里

二、解决方案:

在切换的页面中,修改控制状态字段的变量值,可以打印 

this.getTabBar() 看下此时data中active (举例) 字段的值,还是上一次的
onShow() {
  if (typeof this.getTabBar === 'function' && this.getTabBar()) {
    this.getTabBar().setData({
      active: getApp().globalData.tabIndex // 控制哪一项是选中状态
    })
  }
},

微信文档其实是有提示的,只不过说的过于简单,不能理解

 

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