wx:for-item 实例

wx:for-item 是一个在 WXML 模板中用来循环渲染列表的属性。它一般与 wx:for-index 搭配使用，而 wx:for-index 用来指定循环列表中每项的索引。

使用 wx:for-item 可以在模板中简单地遍历一个数组或对象，并将每个数组元素或对象属性的值分别赋值给指定的变量。例如，我们有一个包含学生名字的数组 students，我们可以使用如下的代码来遍历并渲染每个学生的名字：

<view wx:for="{{students}}" wx:for-item="student" wx:for-index="index">
  <text>{{index + 1}}. {{student.name}}</text>
</view>

上述代码中，我们将数组 students 中的每个元素分别赋值给变量 student，并使用变量 index 来表示当前元素在数组中的索引。通过这样的方式，我们可以在渲染时动态地显示每个学生的名字。

除了数组，我们还可以遍历对象的属性。例如，有一个包含学生信息的对象 studentInfo，我们可以这样使用 wx:for-item：

<view wx:for="{{studentInfo}}" wx:for-item="value" wx:for-index="key">
  <text>{{key}}: {{value}}</text>
</view>

上述代码中，我们将对象 studentInfo 的每个属性的值赋值给变量 value，并使用变量 key 来表示当前属性的名称。这样，我们可以遍历并渲染所有学生的信息。

通过 wx:for-item，我们可以简单方便地在 WXML 模板中循环渲染数组或对象，实现更加灵活和动态的页面展示。