vue图片不存在时加载默认图片

在文件中的img那里添加:οnerrοr="errorImg01"，然后设置errorImg01的路径如果直接写成

errorImg01: ('../../assets/images/item_image.png')，会找不到这个图片

由于项目启动后， 图片的路径并不是我们写的路径了。所以我们用

errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'这个来请求图片。

<template>

 <div class="goods_img">

  <img :src="item.PicUrl" alt="" :onerror="errorImg01">

 </div>

</template>

<script>

export default {

  name: "ListItems",

  data () {

    return {

      errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'

    }

  }

}

</script>

---------------------
作者：祗想安靜地。
来源：CSDN
原文：https://blog.csdn.net/jingjingshizhu/article/details/81315841
版权声明：本文为博主原创文章，转载请附上博文链接！