在vue循环里面获取图片宽度或者高度,有时候会用到,则可以
html
<div class='conmon' v-for="(item, index) in items">
<router-link :to="{path: '/art/details',query:{artid:item.app_id,item_id:item.image_id}}">
<img :src="item.src" alt="" @load="onImageLoad($event, item,index)"/>
</router-link>
</div>
把获取到值增加会原来的数组内
javascript
onImageLoad(event, item,index){
this.items[index]['width']=event.target.width
console.log("图片宽度为:" + event.target.width);
},
这样就可以在之前的循环里面使用了