每个商品对应许多品牌,需要把每个品牌对应商品信息展现给用户、当商品信息比较少,可以一行一行写wxml标签。
当商品信息比较多,又不固定的时候、就推荐使用小程序渲染属性了。
通过wx:for绑定数组,使用wxml列表渲染属性、在data对象里定义了items数组、里面是各个商品名称,在wxml文件内block标签里通过wxfor属性传入数组。
index变量:index变量指的是当前元素在数组的下标,也可以通过wx:for="{ {index}}"属性,设置变量名。
item变量:item变量指的是数组中的当前元素,也可以通过wx:for="{
{item}}"属性,指定想要的一个变量名。
wx:key属性:key代表项目中唯一的标志符、能保持列表项目中自身的一个状态,在页面重新渲染的时候确保带有key组件重新的排序,而不是重新的渲染、从而提高页面渲染的效率。
如图:
block不是组件、只是包装元素,在页面渲染的时候、block不会被渲染出来的。