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

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

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

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

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

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

运行:

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

你可能感兴趣的:(微信小程序视图层的列表渲染 —— 微信小程序教程系列(11))