uni-app 動態隱藏TabBarItem指定項目

目前HBuilder X 版本: 2.9.8

官方的API中暫時沒有對於TabBarItem的隱藏接口, 因此這里使用了折中的方法:

 

// H5平台生效,其他平台未知

// 獲取TabBar所在的頁面對象
const parentPage = this.$parent.$parent.$parent.$parent.$parent
const query = uni.createSelectorQuery().in(parentPage)
if (query) {
    // 此處定義你需要移除的第index + 1項TabBarItem
    let index = 1
    query.selectAll('.uni-tabbar > .uni-tabbar__item')._component.tabBar.list.splice(index, 1)
} else {
    console.info('%c INFO ', 'padding: 0 3px; color: #fff; border-radius: 3px; background-color: #409EFF;', '當前頁面下不存在TabBar')
}