Как работает onMounted в скрытых элементах?

Question

[badatvue]

Собственно есть несколько "табов". Показывается только активный, остальные скрыты через display: none.

В одном из "табов" компонент, в котором в onMounted вычисляется высота блоков внутри этого таба.

Если этот "таб" изначально скрыт (display: none), то высота всегда равна 0, а если он активный то высота высчитывается правильно.

Как это поправить?

Answer 1

[coderisimo]

Потому что display: none не занимает места на странице. Попробуйте - visibility со значением hidden. Тогда элемент будет невидим, но при этом будет иметь размеры.