При mounted не применяются стили?

Question

[gifon]

Здравствуйте, в vue 3 я пытаюсь на mounted взять el.parentElement.style.height и получаю 0, через несколько милисекунд все работает, похоже на mounted стили не применяются а только позже, какой хук или подход стоит использовать чтоб правильно получить el.parentElement.style.height при загрузке страницы?

Answer 1

[drawnofmymind]

Замени el на refs и смотри в сторону nextTick :

mounted(){
   this.$nextTick(()=>{
   this.$refs.ELEMENT.parentElement.style.height
})
}

Comments

[gifon]

Спасибо, правда помогло только
setImmediate или 0-ой setTimeout
правда не могу понять почему такое вообще происходит))

[drawnofmymind]

setImmediate или 0-ой setTimeout - не это костыль.
Мне кажется, стоит всегда использовать API фреймворка, с которым ты работаешь, они надежнее.
Лучше разобраться с этим моментом, часто придется с таким сталкиваться)