【小程序】【Tips】image 组件中 null 和 undefined 的区别和对策

版权声明:本文为博主原创文章,未经博主允许不得转载。如需转载,联系作者 https://blog.csdn.net/yellow_hill/article/details/82378828

image 组件我们经常用到,有时候image是没有加载,有时候是本来定义没有,一个是null,一个是undefined ,两者有什么区别呢?


<image wx:if="{{noteinfo.picture}}" src="{{noteinfo.picture}}" class="img"></image>

上面的语句通过判读加载的image的内容来决定是不是要渲染,那么这个语句错在哪里?

就是忽视了, undefined ,这个区别,undefined 在这条yuju语句里是有值的,会被渲染,只是,渲染的内容是不知道。。。

效果一,

对就是一大片没有东西的白框,然后,你之前设定的默认的背景也都灰飞烟灭聊,怎么解决?

我写了一段代码,可做为参考

<block wx:if="{{noteinfo.picture}}">

<image wx:if="{{noteinfo.picture != 'undefined'}}" src="{{noteinfo.picture}}" class="img"></image>

</block>

猜你喜欢

转载自blog.csdn.net/yellow_hill/article/details/82378828