uni开发小程序自定义tabbar(pageLifetimes)

//1. 小程序自定义tabbar直接看API文档 custom-tab-bar
//2. 出现切换的时候tabbar选中与页面不一致的bug

// 以下是解决以上bug写法,在使用组件的页面上使用,而不是在组件页面直接使用

// 小程序写法

pageLifetimes: {

show() {
  this.getTabBar().setData({  
       selected: 1
  })  
},

},

//uni 写法 onPageShow、onPageHide、onPageResize 分别对应小程序组件里pageLifetimes的 show、hide、resize

onPageShow: function() {

    const page = this.$mp.page  
    if (typeof page.getTabBar === 'function' &&  
           page.getTabBar()) {  
           page.getTabBar().setData({  
                selected: 1
          })  
    }

},

你可能感兴趣的:(前端uni-app小程序)