微信小程序使用网络图片开发者工具正常显示,手机端显示不出来
注:以下情况只是真机显示有问题(已添加合法域名等等)
1.手机端可能会出现第一次进入不展示,但第二次进入或第n次展示或不展示
解决:绑定binderror事件,当发生此事件时重新给图片赋值,微信小程序图片可能有缓存所以后面拼接时间戳
//wxml
<image
class="bas_size_48"
src="{{imgUrl}}"
binderror="binderror"
bindload="bindload"
data-type="imgUrl"
/>
// js
data: {
imgUrl:''
}
binderror(e) {
const { type } = e.currentTarget.dataset
this.setData({
[type]: this.data[type] + '?time=' + new Date().getTime()
},()=>{})
console.log(e, 'binderror');
},
bindload(e){
console.log(e, 'binderror');
}
2.压缩图片缩小图片体积,使用webp格式图片