今天在开发小程序的时候,遇到了一个小坑,在此记录下,代码如下。
wxml
<image mode="widthFix" src="{{link}}"></image>
js
const app = getApp();
Page({
data: {
link:'../../statics/images/loading.png'
},
onLoad(option){
this.setData({
link:''
})
}
})
以上的代码很简单,就是将图片的src
置空,不过就这一个简单的操作,看到控制台竟然报了如下的错,瞬间挺懵逼。
解决办法
1.给默认值
<image mode="widthFix" src="{{link || ../../statics/images/loading.png}}"></image>
2.wx:if
<image class="" src="{{link}}" wx:if="{{link}}"></image>