小程序 custom-tab-bar 层级无法被覆盖,迂回解决方案
看到小程序开发论坛里讨论的问题,我这也碰到了,无法覆盖tab-bar层级,怎么办?
解决方案:使用if 控制隐藏/展示 tabbar
1.在自定义custom-tab-bar组件 index.js中添加 show 属性
data: {
show:true
}
2.在index.wxml中添加if语句
<view class="custom-tab" wx:if="{{show}}">
中间内容省略
</view>
3.在需要使用dialog前调用--隐藏tabbar
this.getTabBar().setData({
show: false,
});
4.在关闭dialog后 调用--显示tabbar
this.getTabBar().setData({
show: true,
});