[Vuejs]-How to get the dom's height when it is loaded in vue?

You have to wait for the image to load before the height will be available:

<div class="avator">
  <div class="avator-image"><img src="user1.png" @load="onLoad"></div>
  <div class="label">user1</div>
</div>

methods: {
  onLoad() {
    console.log(this.$el.clientHeight)
  }
}