关于前端:uni开发小程序自定义tabbarpageLifetimes

44次阅读

共计 400 个字符,预计需要花费 1 分钟才能阅读完成。

//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})  
    }

},

正文完
 0