vue图片img加载失败显示自定义默认图片(缺省图)

1.图片加载示例

 

 2.加载失败显示默认图片

 3.加载失败默认图片代码处理

           <div class="book-img">
              <img v-if="item.coverImg" :src="item.coverImg" @error="errorImg($event)" />
            </div>
   /**图片加载失败显示自定义默认图片(缺省图)*/
    errorImg (e) {
      // console.log(e.target.src,"法1")
      // console.log(e.srcElement.src,"法2")
      e.srcElement.src=require('../../src/assets/no-img.png');
      //这一句没用,如果默认图片的路径错了还是会一直闪屏,在方法的前面加个.once只让它执行一次也没用
      e.srcElement.onerror=null; //防止闪图
    },

 如果觉得可以就点个👍吧,欢迎粉丝收藏,土豪打赏,你的鼓励将是我创作的最大动力!

qq群933053581

Logo

前往低代码交流专区

更多推荐