vue图片加载出错显示默认占位图片

分类: IT文章 • 2022-04-06 00:13:44

html

<img :src="utils.imgBaseUrl + item.photoUrl" :onerror="default_cattle"/>

js

data(){
        return {
          default_cattle: 'this.src="' + require('../assets/imgs/default_cattle.png') + '"', //加载图片报错时处理方法
        }
      }