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

2020年11月16日 177点热度 0人点赞 0条评论

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');
    },
}

东泰

95后Java全栈小白。。。

文章评论