title: Vue js returning wrong element height
body: <p>I need to get the height of an image/element, this is what I did:</p>
  
  <pre><code>mounted() {
     this.infoHeight = this.$refs.info.clientHeight + 'px';
  }
  </code></pre>
  
  <p>When I save then on hot reload it works, it gets the correct height but when I refresh the page it returns a smaller/wrong value. I also tried it on <code>created()</code> and it's the same. On other situations it doesn't even return anything.</p>
  
  <p><strong>UPDATE (Temporary solution?)</strong></p>
  
  <pre><code>mounted() {
         setTimeout(() =&gt; this.infoHeight = this.$refs.info.clientHeight + 'px', 100);
  }
  </code></pre>
  
  <p>I also tried using <code>window.addEventListener('load', () =&gt; //todo)</code> but on some components it worked and on others it didn't.</p>