Mounted doesn't apply styles?

Question

Vue.js

Hello, in vue 3 I try to take el.parentElement.style.height on mounted and get 0, after a few milliseconds everything works, it looks like mounted styles are not applied, but only later, what hook or approach should I use to get el.parentElement correctly. style.height on page load?

Answer 1

Replace el with refs and look towards nextTick :

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