微信小程序视图层的列表渲染 : 微信小程序教程系列11

微信小程序视图层的列表渲染 : 微信小程序教程系列11_第1张图片

示例:
test.wxml:
在组件内,使用属性wx:for=”{{ 数组 }}” ,数组当前项的变量名默认为item(变量需要使用双花括号)

微信小程序视图层的列表渲染 : 微信小程序教程系列11_第2张图片

 

test.js:
在Page()内的data定义一个数组

微信小程序视图层的列表渲染 : 微信小程序教程系列11_第3张图片

运行:

微信小程序视图层的列表渲染 : 微信小程序教程系列11_第4张图片

你可能感兴趣的:(小程序)