wx:for 怎么用
时间: 2023-07-08 14:14:10 浏览: 82
微信小程序wx:for的使用,动态传参
5星 · 资源好评率100%
`wx:for` 是 `微信小程序` 中的一个列表渲染指令,用于将一个数组中的元素渲染成多个组件。它的语法如下:
```html
<view wx:for="{{ array }}" wx:for-item="item" wx:for-index="index">
{{ index }}: {{ item.message }}
</view>
```
其中,`wx:for` 绑定一个数组,每次循环将数组中的一个元素渲染成一个组件。`wx:for-item` 是循环元素的临时变量名,`wx:for-index` 是循环元素的下标变量名,可以在组件中使用这两个变量来渲染循环元素。
举个例子,如果有一个数组 `list`,包含了多个对象,每个对象都有一个 `name` 属性,可以这样使用 `wx:for` 渲染成多个 `view` 组件:
```html
<view wx:for="{{ list }}" wx:for-item="item" wx:for-index="index">
{{ index }}: {{ item.name }}
</view>
```
这样,每个数组元素都会被渲染成一个 `view` 组件,`wx:for-item` 绑定的变量名 `item` 就是数组元素的临时变量,在组件中可以使用 `item` 来引用数组元素的属性。`wx:for-index` 绑定的变量名 `index` 就是数组元素的下标变量名,在组件中可以使用 `index` 来引用数组元素的下标。
阅读全文