欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端记录

程序员文章站 2023-12-24 22:01:09
vue项目中使用默认图片代替异常图片 第一种方法 图片不存在时,触 ......

 vue项目中使用默认图片代替异常图片   

第一种方法

<img onerror="javascript:this.src='../../static/custom.png';"  class="customerHead" :src="param.customerHead" alt="">

图片不存在时,触发 onerror,显示custom.png

第二种方法

 <img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">

data() {

  return {

    errpic:'this.src="' + require('../../assets/img/errpic.png') + '"',

  }

}

上一篇:

下一篇: