详解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中列表渲染和条件渲染特性的使用
  • 《师父》第六关“夜店-吧台”通关流程图文攻略
  • 偷窃1000元以上怎么判刑
  • 如何查看剪映PC专业版的快捷键设置
  • PR中怎么设置热情的语音混响效果?
  • 热门搜索
    我和我的祖国手抄报简单又漂亮 同讲普通话携手进小康手抄报 祖国建设新成就手抄报 心理健康知识手抄报 欢度国庆手抄报 众志成城抗击疫情手抄报 抗击肺炎手抄报 奥运会手抄报 文明城市手抄报内容 劳动节手抄报内容