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

详解WXML中列表渲染和条件渲染特性的使用

时间:2024-10-20 06:46:19

1、准备列表渲染的数据:在小程序页面对应的 js 文件的 data 对象中定义一个数据数组。

详解WXML中列表渲染和条件渲染特性的使用

2、通过 WXML 的列表渲染特性将上述数据显示在页面中,兔脒巛钒图示代码,注意其中的 block 元素是一个包装元素,不是可显示的页面控件。

详解WXML中列表渲染和条件渲染特性的使用

3、保存编译后,通过模拟器查看列表渲染的结果,列表元素均被展示在小程序页面中。

详解WXML中列表渲染和条件渲染特性的使用

4、准备条件渲染的数据:在小程序页面对应的 js 文件的 data 对象中声明一个值分布在 1-3 之间的随机数。

详解WXML中列表渲染和条件渲染特性的使用

5、WXML 文件中使用条件渲染,根据上述 js 数据文件中声明的随机值,通过条件渲染语句输出不同的页面内容。

详解WXML中列表渲染和条件渲染特性的使用

6、保存遍历后,查看条件渲染的界面效果。

详解WXML中列表渲染和条件渲染特性的使用
© 手抄报圈