zoukankan      html  css  js  c++  java
  • 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
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    写一写这几天安卓开发遇到的坑
    安卓环境搭建
    正则表达式
    一段时间的总结
    路飞-登录页面
    路飞-腾讯云短信接口
    路飞-Redis
    路飞-git操作
    路飞-后台xadmin配置
    路飞-后台处理跨域问题
  • 原文地址:https://www.cnblogs.com/1234wu/p/11245042.html
Copyright © 2011-2022 走看看