amis/docs/components/each.md
2020-07-29 16:20:21 +08:00

32 lines
990 B
Markdown
Executable File

---
title: Each 循环渲染器
description:
type: 0
group: ⚙ 组件
menuName: Each 循环渲染器
icon:
order: 45
---
## 基本用法
```schema:height="160" scope="body"
{
"type": "each",
"value": ["A", "B", "C"],
"items": {
"type": "tpl",
"tpl": "<span class='label label-default'><%= data.item %></span> "
}
}
```
## 属性表
| 属性名 | 类型 | 默认值 | 说明 |
| ------ | -------- | -------- | ----------------------------------------------------------- |
| type | `string` | `"each"` | 指定为 Each 组件 |
| value | `array` | `[]` | 用于循环的值 |
| name | `string` | | 获取数据域中变量,支持 [数据映射](../concepts/data-mapping) |
| items | `object` | | 使用`value`中的数据,循环输出渲染器。 |