Есть компонент, в которм назначен ref
<video ref="player">
...
</video>
Этот компонент 1) используется несколько раз на 1 странице; 2) используется на другой странице
Если с первым сценарием проблем нету (я полагаю вью сам распознает где какой ref из массива), то со вторым пробема такая: при переходе со страницы где использовался этот компонент с ref на другую страницу где используется этот же компонент с этим же ref я получаю ошибку
Uncaught TypeError: Cannot read property 'getBoundingClientRect' of undefined
Обращаюсь я так
this.$refs.player.getBoundingClientRect().top
Что делать в таком случае?
Юзкейс - компонент, который я хочу слушать когда он появляется во вьюпорт. Может с другой стороны подойти?