详解WXML中列表渲染和条件渲染特性的使用
1、准备列表渲染的数据:在小程序页面对应的 js 文件的 data 对象中定义一个数据数组。
2、通过 WXML 的列表渲染特性将上述数据显示在页面中,兔脒巛钒图示代码,注意其中的 block 元素是一个包装元素,不是可显示的页面控件。
3、保存编译后,通过模拟器查看列表渲染的结果,列表元素均被展示在小程序页面中。
4、准备条件渲染的数据:在小程序页面对应的 js 文件的 data 对象中声明一个值分布在 1-3 之间的随机数。
5、WXML 文件中使用条件渲染,根据上述 js 数据文件中声明的随机值,通过条件渲染语句输出不同的页面内容。
6、保存遍历后,查看条件渲染的界面效果。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:23
阅读量:44
阅读量:88
阅读量:87
阅读量:69