vue图片不存在时加载默认图片 - 1234wu

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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
版权声明：本文为博主原创文章，转载请附上博文链接！

以上是 vue图片不存在时加载默认图片 - 1234wu 的全部内容， 来源链接： utcz.com/z/374950.html

回到顶部