<img/>标签实现加载错误图的方法(包含Vue框架中的使用)

1,普通的网页中:

// 设置默认图片
<img src="http://res.spreadwin.com/gmc38PE.jpg" alt="" onerror="this.src='images/default.png';this.onerror=null">

this.onerror=null为只加载一次。

2,Vue框架中使用:

// 内容
<img :src="item.url" alt="" :onerror="defaultImg">
 
// js
export default {
    data: {
          defult:   'this.src="' + require('./../../assets/img/lv.png') + '";this.onerror=null;'
           ... 
} }

 

posted @ 2021-01-04 16:40  野生野鸡码农  阅读(293)  评论(0编辑  收藏  举报