DynamicInput 动态录入
规则
基础示例(input 预设,多行字符串)
Props 配置示例
pair 预设(键值对)
排序、禁用与样式
整段禁用
Events 事件示例
完整配置项请参考: naive-ui_DynamicInput
value(表单)
preset为'input'(默认)时:推荐Array<string>,与 Input 预设一致。preset为'pair'时:推荐Array<{ key: string, value: string }>。
DynamicInput Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| createButtonProps | ButtonProps | undefined | 新建项按钮的属性(2.25.0+) |
| defaultValue | unknown[] | [] | 非受控模式下的默认值 |
| disabled | boolean | false | 是否禁用(对自定义内容无效,2.34.4+) |
| itemClass | string | undefined | 每项的类名(2.36.0+) |
| itemStyle | string | object | undefined | 每项的样式 |
| keyField | string | undefined | 每一项的 key,用于列表渲染 |
| min | number | 0 | 最少项数 |
| max | number | undefined | 最多项数 |
| preset | 'input' | 'pair' | 'input' | 内置预设;未设置默认插槽时生效 |
| showSortButton | boolean | false | 是否显示排序按钮(2.25.0+) |
| value | unknown[] | undefined | 受控模式下的值 |
| onCreate | (index: number) => void | unknown | undefined | 点击添加时回调;若返回值则作为新项初始值(index 从 1 起表示插入位置语义,见 Naive 文档) |
| onRemove | (index: number) => void | undefined | 删除第 index 项时回调 |
| onUpdateValue | (value: any) => void | undefined | 值变化回调 |
DynamicInput Props(Input 预设)
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | Array<string> | (受控由表单同步) | Input 预设下的值 |
| placeholder | string | '' | 每项输入框占位 |
DynamicInput Props(Pair 预设)
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | Array<{ key: string, value: string }> | (受控由表单同步) | Pair 预设下的值 |
| keyPlaceholder | string | '' | key 输入框占位 |
| valuePlaceholder | string | '' | value 输入框占位 |


