@hackuun

Как обращаться к одному ref у нескольких элементов?

Есть компонент, в которм назначен ref

<video ref="player">
   ...
</video>


Этот компонент 1) используется несколько раз на 1 странице; 2) используется на другой странице

Если с первым сценарием проблем нету (я полагаю вью сам распознает где какой ref из массива), то со вторым пробема такая: при переходе со страницы где использовался этот компонент с ref на другую страницу где используется этот же компонент с этим же ref я получаю ошибку

Uncaught TypeError: Cannot read property 'getBoundingClientRect' of undefined


Обращаюсь я так
this.$refs.player.getBoundingClientRect().top

Что делать в таком случае?

Юзкейс - компонент, который я хочу слушать когда он появляется во вьюпорт. Может с другой стороны подойти?
  • Вопрос задан
  • 250 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы