Ionic framework IONAL-3错误无法读取属性';风格';空的

Ionic framework IONAL-3错误无法读取属性';风格';空的,ionic-framework,ionic3,Ionic Framework,Ionic3,Im在特定页面上使用了Ionic-3和Im隐藏选项卡栏,其工作正常,但我有一些问题,有时会显示此错误消息 TypeError:无法读取null的属性“style” 如何解决这个问题, 这是我的密码 检查.ts import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams} from 'ionic-angular'; @IonicPage() @Component({ sele

Im在
特定页面上使用了
Ionic-3
和Im隐藏
选项卡栏
,其工作正常,但我有一些问题,有时会显示此错误消息

TypeError:无法读取null的属性“style”

如何解决这个问题,

这是我的密码

检查.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams} from 'ionic-angular';


@IonicPage()
@Component({
  selector: 'page-check',
  templateUrl: 'check.html',
})
export class CheckPage {
  tabBarElement: any; // hidetab
  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.tabBarElement = document.querySelector('.tabbar.show-tabbar');// hidetab

  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad CheckPage');
  }

  ionViewWillEnter() {
    this.tabBarElement.style.display = 'none'; // hidetab
  }

 ionViewWillLeave() {
    this.tabBarElement.style.display = 'flex'; // hidetab
  }
  takeMeBack() {
    this.navCtrl.parent.select(0);  // backbutton
  }
}

试试这个也许可以解决你的问题:

ionViewWillEnter() {
let tabBarElement = document.querySelector('.tabbar.show-tabbar');
    if (tabBarElement != null) {
      tabBarElement.style.display = 'none'; // or whichever property which you want to access
    }
}

先生,我现在就这样改变它对我来说很有用,谢谢
ionViewWillEnter(){let tabBarElement=document.querySelector('.tabbar.show tabbar');if(tabBarElement!=null){this.tabBarElement.style.display='none';//或者任何你想访问的属性}
欢迎光临。我很高兴能帮助你。