详解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中怎么设置热情的语音混响效果?
  • 热门搜索
    爱心符号怎么打 胃下垂的治疗方法 红烧猪脚的家常做法 股票交易手续费怎么算 宝宝名字大全 揉肚子的正确方法 锻炼胸肌最有效的方法 网络赚钱方法大全 支气管炎的食疗方法 路由器网关怎么设置