Vue 循环内部获取图片高度

在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);
      },

这样就可以在之前的循环里面使用了

原文来自: https://www.lllomh.com/article/details?id=11029036

相关推荐
今晚吃什么呢?1 分钟前
前端面试题之CSS中的box属性
前端·css
我是大龄程序员4 分钟前
Babel工作理解
前端
《独白》14 分钟前
将图表和表格导出为PDF的功能
javascript·vue.js·ecmascript
CopyLower18 分钟前
提升 Web 性能:使用响应式图片优化体验
前端
南通DXZ19 分钟前
Win7下安装高版本node.js 16.3.0 以及webpack插件的构建
前端·webpack·node.js
什码情况19 分钟前
微服务集成测试 -华为OD机试真题(A卷、JavaScript)
javascript·数据结构·算法·华为od·机试
你的人类朋友1 小时前
浅谈Object.prototype.hasOwnProperty.call(a, b)
javascript·后端·node.js
Mintopia1 小时前
深入理解 Three.js 中的 Mesh:构建 3D 世界的基石
前端·javascript·three.js
打瞌睡de喵1 小时前
JavaScript 空对象检测
javascript
前端太佬1 小时前
暂时性死区(Temporal Dead Zone, TDZ)
前端·javascript·node.js