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

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

Юзкейс - компонент, который я хочу слушать когда он появляется во вьюпорт. Может с другой стороны подойти?
  • Вопрос задан
  • 280 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • HTML Academy
    Vue.js 3 — разработка клиентских приложений
    1 месяц
    Далее
  • Skillbox
    Веб-разработчик
    16 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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