微信小程序foreach用法
时间: 2023-12-02 18:31:06 浏览: 97
使用foreach循环
5星 · 资源好评率100%
微信小程序的`<block>`标签中有一个`wx:for`属性,可以用于实现类似于`forEach`的循环遍历。
用法示例:
```html
<block wx:for="{{array}}" wx:key="index">
{{index}}: {{item}}
</block>
```
其中,`array`是需要遍历的数组,`item`是当前遍历到的元素,`index`是当前元素的索引。`wx:key`是必须的属性,用于指定列表中项目的唯一标识符。
如果需要在遍历过程中对每个元素进行操作,可以使用`<template>`标签,将操作放在`<template>`中,然后在`<block>`中引用。
用法示例:
```html
<block wx:for="{{array}}" wx:key="index">
<template name="item">
<view>{{item}}</view>
</template>
<template is="item" data="{{item: item}}"/>
</block>
```
其中,`<template>`标签用于定义一个模板,名称为`item`,模板内部包含一个`<view>`标签,用于显示`item`元素。
在`<block>`标签内部,使用`<template>`标签定义的模板时,需要使用`is`属性,并通过`data`属性传递数据。如上例中,`data`属性传递了当前遍历到的`item`元素。
这样,每遍历到一个元素,都会渲染一次`<template>`标签中的内容,实现对每个元素的操作。
阅读全文