vue中关于图片加载动态获取DOM问题

vue中关于图片加载动态获取DOM宽高问题

最近项目中遇到一个图片加载问题，从服务器获取到图片，能够打印出dom，dom中height和width属性均有值，但是取值时height为0，之后查阅资料发现，原来只是获取到了图片，img这个dom存在，但是图片并没有加载出来，要动态获取就需要等图片加载完成。
在标签上加个监听事件@load
html

<img @load="loadImg($event.target)"/>

js

loadImg(e){
   if(e.height===0){
     this.$Message.info('图片加载失败，请重新刷新页面！');
     return
   }   
   // 加载完成之后获取宽高
   this.initHeightCas()
 }