vue2.0实现图片加载失败默认显示图片

Posted pearl007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0实现图片加载失败默认显示图片相关的知识,希望对你有一定的参考价值。

<div class="bg">
     <img :src="goods.phoneFloorAd.resUrl" :onerror="errorImg01">
</div>

 

<script type="text/ecmascript-6">
export default {
        data () {
            return {
              errorImg01: ‘this.src="‘ + require(‘assets/images/load_logo01.png‘) + ‘"‘
        };
    }
}
</script>

  

以上是关于vue2.0实现图片加载失败默认显示图片的主要内容,如果未能解决你的问题,请参考以下文章

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

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

图片加载失败显示默认图片占位符

JQuery图片加载显示loading和加载失败默认图片

js解决img标签加载失败显示默认图片

[技术贴]图片加载失败,所导致的浏览器兼容问题