图片不存在时显示一个默认图片怎么做

可以使用HTML中的`<img>`标签，并设置其`onerror`属性，如下所示：

<img src="图片地址" onerror="this.src='默认图片地址'">

当图片加载失败时，会触发`onerror`事件，此时会将`<img>`标签的`src`属性设置为默认图片的地址。这样就可以实现在图片不存在时显示一个默认图片的效果。

相关问题

img 当图片加载失败时显示默认图片

可以使用以下代码来实现：

<img src="image.jpg" onerror="this.src='default.jpg'">

这里，`src` 属性指定了图片的路径，如果图片加载失败，`onerror` 事件会触发，将 `src` 属性赋值为默认图片路径，即显示默认图片。

vue for循环时 使用require动态路径图片不存在怎么使用默认图片

可以在v-bind中使用三元表达式，判断当前图片是否存在，若不存在则使用默认图片路径。示例代码如下：

<template>
  <div>
    <div v-for="(item, index) in imgList" :key="index">
      <img :src="item.imgUrl ? require(`@/assets/${item.imgUrl}`) : require('@/assets/defaultImg.png')" alt="图片">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        { imgUrl: 'img1.png' },
        { imgUrl: 'img2.png' },
        { imgUrl: '' }
      ]
    }
  }
}
</script>

以上代码中，`imgUrl`为空字符串时，会使用默认图片路径`require('@/assets/defaultImg.png')`。