Задать вопрос
@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

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

Юзкейс - компонент, который я хочу слушать когда он появляется во вьюпорт. Может с другой стороны подойти?
  • Вопрос задан
  • 273 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    Frontend-разработчик
    9 месяцев
    Далее
  • Loftschool
    Профессия Веб-разработчик
    7 месяцев
    Далее
  • Skillbox
    Веб-разработчик на PHP
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы