2020-03-15 12:35:10 +08:00
|
|
|
# 动态录入 Dynamic Input
|
2020-03-15 00:04:46 +08:00
|
|
|
<!--single-column-->
|
2020-03-15 12:35:10 +08:00
|
|
|
这个组件的名字改过很多次。
|
|
|
|
|
|
|
|
|
|
一开始它被造出来是为了输入环境变量。
|
2020-03-09 09:29:48 +08:00
|
|
|
## 演示
|
|
|
|
|
```demo
|
|
|
|
|
basic
|
2020-03-11 16:24:35 +08:00
|
|
|
pair
|
2020-03-09 09:29:48 +08:00
|
|
|
custom
|
2020-03-15 00:04:46 +08:00
|
|
|
form
|
2020-03-09 09:29:48 +08:00
|
|
|
```
|
|
|
|
|
## Props
|
2020-03-15 00:04:46 +08:00
|
|
|
### Dynamic Input Props
|
2020-03-11 16:24:35 +08:00
|
|
|
|名称|类型|默认值|说明|
|
2020-03-09 09:29:48 +08:00
|
|
|
|-|-|-|-|
|
2020-03-17 15:31:28 +08:00
|
|
|
|preset|`'input' \| 'preset'`|`'input'`|动态录入使用的预设，在不设定 `$scopedSlots.default` 的时候生效。|
|
2020-03-15 00:04:46 +08:00
|
|
|
|value|`Array`|-|**必需**|
|
|
|
|
|
|max|`number`|`null`|最多有几项内容|
|
|
|
|
|
|key-field|`string`|`null`||
|
2020-03-17 15:31:28 +08:00
|
|
|
|on-create|`(index: number) => any`|`null`|点击添加按钮时的回调，如果设定则返回值会被用作新添加的初始值。其中 `index` 是创建内容将要被放置到的位置，从 1 (第二项)开始计算。|
|
|
|
|
|
|on-clear|`() => any`|`null`|点击清空最后一项时的回调，如果设定则返回值会被用作为最后一项清空后的值, 如果是自定义地内容并且没有设定返回值，最后一项不允许被清空，删除按钮不可点击。|
|
2020-03-11 16:24:35 +08:00
|
|
|
|
2020-03-15 00:04:46 +08:00
|
|
|
### Dynamic Input Props(Input Preset)
|
2020-03-11 16:24:35 +08:00
|
|
|
|名称|类型|默认值|说明|
|
|
|
|
|
|-|-|-|-|
|
2020-03-15 12:18:31 +08:00
|
|
|
|value|`Array<string>`|-|**必需**|
|
2020-03-15 00:04:46 +08:00
|
|
|
|placeholder|`string`|`''`||
|
2020-03-11 16:24:35 +08:00
|
|
|
|
2020-03-15 00:04:46 +08:00
|
|
|
### Dynamic Input Props(Pair Preset)
|
2020-03-11 16:24:35 +08:00
|
|
|
|名称|类型|默认值|说明|
|
|
|
|
|
|-|-|-|-|
|
2020-03-15 12:18:31 +08:00
|
|
|
|value|`Array<{ key: string, value: string }>`|-|**必需**|
|
2020-03-15 00:04:46 +08:00
|
|
|
|key-placeholder|`string`|`''`||
|
|
|
|
|
|value-placeholder|`string`|`''`||
|
2020-03-11 16:24:35 +08:00
|
|
|
|
2020-03-15 00:04:46 +08:00
|
|
|
## Slots
|
|
|
|
|
|名称|参数|说明|
|
|
|
|
|
|-|-|-|
|
|
|
|
|
|default|`({ value: any, index: number })`|每一项的渲染方式，其中 `value` 为该项对应的数组值，`index` 为该项对应的数组索引|
|
2020-03-11 16:24:35 +08:00
|
|
|
|
|
|
|
|
## Events
|
|
|
|
|
|名称|参数|说明|
|
|
|
|
|
|-|-|-|
|
2020-03-17 15:31:28 +08:00
|
|
|
|create|`(index: Number)`|`index` 是新增的数据的索引|
|
2020-03-15 00:04:46 +08:00
|
|
|
|clear|`()`||
|
2020-03-17 15:31:28 +08:00
|
|
|
|remove|`(index: Number)`|`index` 是被移除的数据的索引|
|
