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

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>

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

微信小程序 - 在自定义组件中请求后端 API 数据接口（引入该组件的页面触发）组件在哪个生命周期钩子函数中请求接口数据呢？
前言我开发了一个 A 页面,然后在 A 页面引入了一个组件 B ,我想在 B 组件中加载进来的时候执行一个后端请求,获取数据进行 B 组件渲染. 今天遇到这么一个问题,我写好的小程序组件(comp ...
微信小程序页面跳转中的reLaunch和redirect区别
注意:小程序中页面栈最多十层页面跳转结构 <navigator open-type="redirect" url="/pages/text/a/a"&g ...
js中null和undefined的区别
在JavaScript开发中,被人问到:null与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理. 总所周知:null == un ...
【微信小程序】在组件中刷新页面
代码在组件页面的 js 对应的函数中加入: const page = getCurrentPages().pop(); //当前页面 if (page == undefined || page == ...
微信小程序的自定义组件（2）
文章目录 6. 组件的生命周期 7. 组件所在页面的生命周期 8. 组件插槽 9. 组件父子组件间的通信 10. 组件-behaviors 6. 组件的生命周期 created attached re ...
微信小程序（自定义组件）
文章目录自定义组件创建自定义组件引用组件组件和页面的区别自定义组件的样式样式隔离修改样式隔离选项组件的data和methods 组件的properties 数据监听使用纯数据字段提升 ...
微信小程序怎么在wxml中插入多个图片_22. 教你零基础搭建小程序：小程序的常见组件（2）- image
大家好~今天讲小程序的常见组件-- image 图片标签小程序中的图片标签相当于 web 中的图片标签 ,但也存在着不同之处. 例如:小程序在后期要打包上线时,对图片的大小是有要求的,图片要< ...
小程序如何修改缓存中的某一个字段的值；小程序中如何应用vant组件如：van-dropdown-item、van-field
1.小程序如何往缓存中存数据将数据放入指定缓存中. 这里缓存块的名称叫'mydata',你可以根据自己的需求,取合适的名字.代码如下 let data = {name: '8BQ了',age: '1 ...
小程序如何自定义组件
之前在工作中的时候遇到过了小程序自定义组件的问题,所以就想和大家分享一下小程序如何自定义组件.首先让我们来了解一下组件是什么,为什么要使用组件.组件的官方解释是说开发者可以把页面内的功能模块抽象成自定 ...

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

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

最新文章

热门文章