Невозможно получить clientHeight в Vue js, используя $ el

Question

Я хочу получить клиентскую высоту моего приложения, используя этот код:

mounted() {
    document.onreadystatechange = () => {
      if (document.readyState == "complete") {
        console.log("Page completed with image and files!");
        console.log(this);
        console.log(this.$el.clientHeight);
      }
    };
}

В console.log(this) Я вижу свой основной элемент, и clientHeight этого 702 ,но console.log(this.$el.clientHeight) результат равен 0 .

Также я использую Framework7 для создания пользовательского интерфейса приложения.

Что я могу сделать с этой проблемой?Любая помощь будет очень признателен.

Answer 1

Установите ref="potato" в шаблоне компонента, если это допустимая опция для вас, и тогда console.log(this.$refs.potato.clientHeight); даст вам высоту компонента.