这样的需求想必所有应用都有：
进入界面后，当列表无数据，显示暂无数据占位图，有数据则隐藏占位图显示列表数据。
遇到这样的需求，想当然的使用wx;if/else来做，所以我刚开始是这么做的：
错误示范
那么现实给了我一盆冷水：
报错信息
后面我尝试单独保留if去掉else，那么结果是可运行的:
无报错
我发现只要加上else 就会报错，所以后来尝试给if多嵌套一层:
嵌套一层
结果这样是可以运行的！所以我隐约推断：循环列表的view其实相当于多个view，没有else时if是相当于每一个子view的判断，而加上了else则相当于多个if对应一个else（多对一关系），所以遇到这种情况时，要在循环列表外层多嵌套一个view来用作判断才能保证1对1的正确语法。
本人为刚接触小程序的小白，以上结论为个人推断，如有错误欢迎指正！
这样的需求想必所有应用都有： 进入界面后，当列表无数据，显示暂无数据占位图，有数据则隐藏占位图显示列表数据。 遇到...
学习目标 小程序生命周期 wxml数据渲染，列表渲染， 条件渲染 组件事件绑定 (bindtap, bindinp...
条件渲染 v-if指令 利用v-if指令，可以实现在同一页面，不同的时期，根据需要渲染显示不同的块或模板
条件渲染 条件渲染，就满足一定的条件以后才会渲染。 v-if v-if指令类似于，js中的if语句，当条件满足时才...
作者 | Jeskson来源 | 达达前端小酒馆 列表渲染与条件渲染 如何渲染数组类型和对象类型的数据 渲染数...
列表渲染 条件渲染
一、列表渲染 1、wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染...
在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变...
所谓的列表渲染，就是对于列表数据的展示。其使用场景大多为商品列表页面、购物车页面、收藏列表等页面，应用广泛。微信小...
本文标题：小程序 列表与条件渲染并用问题记录
本文链接：https://www.haomeiwen.com/subject/pvmynqtx.html
网友评论