Как реактивно отслеживать появление в $refs нужного ключа с v-for?

Question

[Артем Прохоров]

<div class="profile-slider-circle-void" :ref="'profile-slider-void-' + index"
    :style="{height: $refs['profile-slider-void-' + index][0].clientWidth + 'px'}">
    <div class="profile-slider-plus"></div>
   <span>{{ $store.getters[$store.getters.LANG].Profile.add }}</span>  
</div>

Мне нужно получить доступ к значению в $refs в tenplate, а не в методах. Методы то после created все видят, а в template просто ошибку кидает, а если поставить v-if, то он просто его не отрисовывает.

Comments

[SimBioT19]

Сделай метод

getProfileHeight(index) {
return this.$refs['profile-slider-void-' + index][0].clientWidth;
}

Answer 1

[Антон Антон]

Повесь watch на изменение массива и обновляй в нем переменную с твоим стилем (при этом надо подождать обновления dom, подробнее тут: https://v3.ru.vuejs.org/ru/api/instance-methods.ht...).