uni开发小程序自定义tabbar（pageLifetimes）
Posted JaneLin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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开发小程序自定义tabbar（pageLifetimes）的主要内容，如果未能解决你的问题，请参考以下文章