ionic3 底部tabs 隐藏部分选项卡

隐藏指定子页面的tabs,此种方式是dom操作的方式,利用ionic的生命周期函数来完成
//ionic中当页面进入初始化的时候触发的生命周期方法
ionViewDidEnter(){
    let elements = document.querySelectorAll(".tabbar");
    if (elements != null) {
       Object.keys(elements).map((key) => {
          elements[key].style.display = 'none';
       });
    }   
 
}

//ionic当退出页面的时候触发的方法
ionViewWillLeave() {
//这里注意 .tabbar 是选项卡的名字,如果要只隐藏部分选项卡,可以替换
    let elements = document.querySelectorAll(".tabbar");
    if (elements != null) {
Object.keys(elements).map((key) => {
    elements[key].style.display = 'flex';
});
    }
}

已发布

分类

作者:

标签

评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注