Vue监听img标签图片加载完成、失败的回调

tianya • 2023-04-11 • VUE
```ts
    <img :src="form.url" alt="" @error="imgError" >
         /** 图片错误 */
      imgError() {
        this.form.url = ''// 自己默认的url
      },
     
  <img @load='getImgH' src="https:xxx.jpg" ref='targetImg'/>
  methods: {
    getImgH() {
      // 图片加载完的时候重新获取height
      console.log('img height = ', this.$refs.targetImg.clientHeight)
    },
  },
```

版权声明：
作者：tianya
链接：https://tya.zone/p/65.html
来源：天涯博客
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
Vue监听img标签图片加载完成、失败的回调
```ts     <img :src="form.url" alt="" @error="imgError" >          /** 图片错误 */       imgError() {         this.form.url = ''// 自己默认的……
<<上一篇
下一篇>>