【微信小程序】vant-app自定义tabbar激活样式不能及时地更新

gengboxb 671 0

1、问题:切换tabbar光标位置不及时,需要点击两次能才可以

2、解决:在对应的页面添加设置光标位置,如首页:

this.getTabBar:返回当前页面的 custom-tab-bar 的组件实例

如果不设置这一步,使用vant-app的tabbar组件替换小程序的tabbar,会发生tabbar组件响应的激活样式不能及时地更新

/**
* 生命周期函数--监听页面显示
*/
onShow: function(){
    if (typeof this.getTabBar === 'function' && this.getTabBar()) { this.getTabBar().setData({ active: 0 }) } 
},

发表评论 取消回复
表情 图片 链接 代码

分享