2020-07-28 10:03:53 +08:00
|
|
|
---
|
|
|
|
|
title: Each 循环渲染器
|
2020-07-29 16:20:21 +08:00
|
|
|
description:
|
2020-07-28 10:03:53 +08:00
|
|
|
type: 0
|
|
|
|
|
group: ⚙ 组件
|
|
|
|
|
menuName: Each 循环渲染器
|
2020-07-29 16:20:21 +08:00
|
|
|
icon:
|
2020-07-28 10:03:53 +08:00
|
|
|
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> "
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 属性表
|
|
|
|
|
|
2020-07-29 16:20:21 +08:00
|
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
|
|
|
|
| ------ | -------- | -------- | ----------------------------------------------------------- |
|
|
|
|
|
| type | `string` | `"each"` | 指定为 Each 组件 |
|
|
|
|
|
| value | `array` | `[]` | 用于循环的值 |
|
|
|
|
|
| name | `string` | | 获取数据域中变量，支持 [数据映射](../concepts/data-mapping) |
|
|
|
|
|
| items | `object` | | 使用`value`中的数据，循环输出渲染器。 |
|
