微信小程序day01_13之小程序视图层列表渲染

列表渲染

官网文档 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html

wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item 代码示例: 在js中定义如下的数组

Page({
  /**
   * 页面的初始数据    
   */
  data: {
    users: [
      {name: "jack"},
      {name: "rose"},
      {name: "lily"}
    ]
  }
 })

在页面中引用如下