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