Nuxt.js и $ref, почему не видит мой ref?

Question

[Жук]

mounted() {
  let timer;
  window.addEventListener('scroll', () => {
    if(timer) clearTimeout(timer);
    timer = setTimeout(() => {
      let testHeight = this.$refs.testElem.offsetHeight;
    });
  });
}

Добавил в mounted()
При переходе с другой страницы на страницу с этим кодом. выдает ошибку
Uncaught TypeError: Cannot read property 'offsetHeight' of undefined

Но продолжает корректно отрабатывать.

Как исправить эту ошибку?

Answer 1

[Даниил Братухин]

Раз работает, то просто проверяйте this.$ref.testElem на существование. И ещё обработчики не забывайте удалять в beforeDestroy, а то вам браузер события в уничтоженные компоненты будет посылать :)

Comments

[Максим Золотой]

Очень помог ваш коммент) события и правда нужно убирать

Answer 2

[Дима Паутов]

покажите код с элементов в шаблоне
или забегая вперёд сделайте так
this.$refs.testElem.$el.offsetHeight