手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序条件渲染时如何判断数组为空

时间:2024-10-14 14:24:13

1、通过快捷方式打开微信小程序开发工具,新建微信小程序项目

微信小程序条件渲染时如何判断数组为空

2、在index.wxml文件中,插入view标签,然后使用wx:for循环,wx:i酆璁冻嘌f和wx:else条件渲染,生成不同的组件

微信小程序条件渲染时如何判断数组为空

3、在index.js文件中,data对象中定义数组变量items并初始化

微信小程序条件渲染时如何判断数组为空

4、保存代码并查看左侧模拟器,结果发现生成的全部是单选按钮

微信小程序条件渲染时如何判断数组为空

5、检查代码发现,使用wx:if条件渲染,需要使用item.id%2==0

微信小程序条件渲染时如何判断数组为空

6、再次保存代码并查看模拟器,可以发现单选按钮和复选框间隔显示

微信小程序条件渲染时如何判断数组为空
© 手抄报圈