el-image onload触发问题

最新推荐文章于 2024-04-08 15:27:35 发布

HonGL54

最新推荐文章于 2024-04-08 15:27:35 发布

阅读量2.2k

点赞数 1

分类专栏： vue element 文章标签： js html html5 vue.js css

本文链接：https://blog.csdn.net/qq_38396070/article/details/107019754

版权

vue element 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

不刷新页面，只更新数据不触发onload事件，因为缓存，所以给返回的图片加上时间戳 + ‘?_=’ + new Date().getTime()

获取图片的宽高：

<el-image fit="cover" @load="handleLoadImage(row, $event)" :src="row.docUrl"></el-image>

handleLoadImage(row: BannerInfo, event: any) {
  console.log('--------------------------', row)
  const size = `${event.currentTarget.naturalWidth}px * ${event.currentTarget.naturalHeight}px`
  this.$set(row, 'size', size)
}