vue img标签显示默认图片

╰+哭是因爲堅強的太久メ 2022-11-15 11:55 325阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9ubGluZU9r_size_16_color_FFFFFF_t_70][]

<li
              :title="item.name"
              v-for="(item, index) in vodList"
              :key="index"
              @click="toVod(item.id)">
              <div class="p-tabs__more_content">
                <div class="p-tabs__more_left">
                  <img :src="item.cover" :alt="item.name" :onerror="defaultImg"/>
                  <div class="p-tabs__more_time">{
       {item.playDuration | time('hh:mm:ss')}}</div>
                </div>
                <div class="p-tabs__more_right">
                  <div class="p-tabs__more_title">{
       {item.name}}</div>
                  <div class="p-tabs__more_author">{
       {item.lecturer}}</div>
                  <div class="p-tabs__more_footer">
                    <div class="p-tabs__more_date">{
       {item.releaseTime | date('yyyy/MM/dd hh:mm')}}</div>
                    <div class="p-tabs__more_line"></div>
                    <div class="p-tabs__more_view-count">{
       {item.playCount}}次观看</div>
                  </div>
                </div>
              </div>
            </li>

computed: {
        defaultImg() {
          return 'this.src="' + require('@/assets/images/common/videoDefault.png') + '"';
        }
      },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9ubGluZU9r_size_16_color_FFFFFF_t_70]: /images/20221022/5ce374b0399844ca9ccf7b035889f4af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 img标签的onerror事件来显示默认图片

有时，img标签中的src图片加载失败，原来的位置会加载一个碎片化图标。怎样可以设置一个加载失败时的默认显示图片那？ <img width="50px" name

￡神魔★判官ぃ/ 2023年10月18日 00:48/ 0 赞/ 14 阅读

相关解决在vue中img标签不显示图片的问题

在vue中, 经常会遇到img标签不展示的问题, 本人遇到两种, 都是因为webpack打包, 导致找不到路径, 所以不现实, 总结几个可以解决本地图片路径显示不出来的问题

约定不等于承诺〃/ 2023年10月14日 17:13/ 0 赞/ 99 阅读

相关 img onerror 图片加载失败显示默认图

img onerror 图片加载失败显示默认图  <img src="images/logo.png" onerror="javasc

深藏阁楼爱情的钟/ 2023年01月23日 09:53/ 0 赞/ 240 阅读

相关 img图片不显示时设置默认图片

img标签显示图片： <img src="url" alt="error txt" /> 当图片地址错误时，就是显示error txt，为了更好的用户体验，通常我们

蔚落/ 2022年12月23日 06:45/ 0 赞/ 338 阅读

相关 vue img标签显示默认图片

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9u

╰+哭是因爲堅強的太久メ/ 2022年11月15日 11:55/ 0 赞/ 326 阅读

相关 js处理img标签加载图片失败，显示默认图片

1.第一种方法：如果已经引入了jquery插件，就很好办。没有的话，如果实在需要，可以附上代码： script(type='text/javascript',

Myth丶恋晨/ 2022年08月20日 13:25/ 0 赞/ 580 阅读

相关 IE浏览器中img标签不显示图片

转摘自:gonghao2014的[https://blog.csdn.net/GongHao2014/article/details/52779603/][https

以你之姓@/ 2022年05月27日 03:20/ 0 赞/ 432 阅读

相关 img 显示默认图片,及动态赋值

<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址';this.onerror=null"/>

我会带着你远行/ 2021年09月23日 07:52/ 0 赞/ 371 阅读

相关 HTML中img标签base64显示图片

在浏览网页的时候大家可能会注意到一个奇怪的现象，有的图片的路径后面是一串很长的字符串，例如： data:image/jpg;base64,iVBORw0

浅浅的花香味﹌/ 2021年07月26日 18:40/ 0 赞/ 821 阅读

相关 img图片不存在显示默认图

在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默...

红太狼/ 2021年03月18日 13:54/ 0 赞/ 739 阅读