Skip to content

DynamicInput 动态列表

数组字段的增删编辑,每行复用 oas-input 组件,支持受控/非受控双模式。

基础用法

可增删列表

model-value 为 JSON 数组属性(也支持通过 property 赋值),每行一个输入框 + 删除按钮,末尾「添加」按钮。

默认值

default-value

新增行以 default-value 作为初值。

min / max 边界

min=2 补足行数

min 下自动补足行数,达到 min 时删除按钮禁用。

max=3 禁添加

max 达到后「添加」按钮禁用;model-value 超长自动截断。

禁用

disabled

事件

变化事件

监听 oas-changedetail: { value: string[] }):

API

属性

属性说明类型默认值
default-value新增行的默认值string
disabled禁用(行内输入 + 按钮)boolean
max最多行数,超长截断string
min最少行数,不足自动补足string0
model-value字符串数组(property 或 JSON)string[][]

事件

事件说明
oas-change增/删/编辑后派发,detail: { value }

受控:监听 oas-change 后设置 modelValue property(或 model-value 属性)回填即可。