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()
}