How to reactively track the appearance of the desired key in $refs with v-for?

Question

Vue.js

<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>

I need to access the value in $refs in tenplate, not in methods. After created, everyone sees the methods, but in the template it just throws an error, and if you put v-if, then it simply does not render it.

Answer 1

Hang a watch on changing the array and update the variable with your style in it (at the same time, you have to wait for the dom to be updated, more details here: https://v3.ru.vuejs.org/ru/api/instance-methods.ht... ).