您现在的位置是: 博客首页 > 前端 前端

uni-app 图片404使用默认图片

SU博客网 2020-11-14 28浏览 原创

uni-app image 的 @error 方法,默认图片需要使用PNG格式,比如图片404了访问不了就可以使用 @error 

注意:imgError方法不能传图片路径,而是传图片整条数据

 

html

<view class="settingList" v-for="(item, index) in list" :key="index">
    <image :src="item.image" @error="imgError(item)"></image>
</view>

 

js

methods:{
    imgError(item) {
        item.image = require('../../static/logo.png');
    },
}

 

点赞 0

发表评论

欢迎您:

我的名片

SU博客网
SU博客网站是一个IT技术分享的网站,也是开发中的一个笔记,遇见每个问题都会记录下来,让大家更轻易的解决问题。

站点信息

  • 网站程序:Java
  • 博客名称:SU博客网
  • 文章统计34
  • 标签总数10
  • 分类总数4
  • 留言数量0

QQ 交流群