DynamicInput 动态列表
数组字段的增删编辑,每行复用 oas-input 组件,支持受控/非受控双模式。
基础用法
可增删列表
model-value 为 JSON 数组属性(也支持通过 property 赋值),每行一个输入框 + 删除按钮,末尾「添加」按钮。
默认值
default-value
新增行以 default-value 作为初值。
min / max 边界
min=2 补足行数
min 下自动补足行数,达到 min 时删除按钮禁用。
max=3 禁添加
max 达到后「添加」按钮禁用;model-value 超长自动截断。
禁用
disabled
事件
变化事件
监听 oas-change(detail: { value: string[] }):
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
default-value | 新增行的默认值 | string | — |
disabled | 禁用(行内输入 + 按钮) | boolean | — |
max | 最多行数,超长截断 | string | — |
min | 最少行数,不足自动补足 | string | 0 |
model-value | 字符串数组(property 或 JSON) | string[] | [] |
事件
| 事件 | 说明 |
|---|---|
oas-change | 增/删/编辑后派发,detail: { value } |
受控:监听 oas-change 后设置 modelValue property(或 model-value 属性)回填即可。