跳转到内容

数组数据编辑

使用el-input组件封装,提供数组数据的输入能力,其呈现样式为多个携带自增自减按钮的输入框。支持编辑器类型包含:数组编辑器

示例效果

输入参数

名称说明类型默认值
value编辑器值[Array<string>, Array<number>]-
controller编辑器控制器对象new RequiredProp(Object as PropType<C>)-
data容器数据,通常为表单数据,表格行数据,面板数据new RequiredProp(Object as PropType<IData>)-
disabled是否禁用{ type: Boolean }false
readonly是否只读{ type: Boolean, default: false }false
controlParams容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数{ type: Object, required: false }-

事件

名称说明类型
change值变更事件{_value:V, _name?:string, _ignore?:boolean}
blur失焦事件{_event?:IData}
focus聚焦事件{_event?:IData}
enter回车事件{_event?:IData}

编辑器参数

名称说明类型默认值
editorstyle当设置为 'url' 时,输入框会显示内容的前缀和后缀,鼠标移入输入框的提示信息将以链接形式展示;设置为 'img' 时,鼠标移入输入框的提示信息将以图片形式展示'default' | 'url' | 'img''default'
sizeel-input组件的size属性'large' | 'default' | 'small''default'
limit默认不限制输入项数量,若设置了非零的限制数,当输入项数量超出该限制时,自增按钮将隐藏number0
maxlength设置单个输入框可输入内容的最大长度,仅在 editorstyle 参数设置为 'url' 时生效numberundefined
showwordlimit是否显示字数限制,仅在 editorstyle 参数设置为 'url',并且数据类型为 'text' 时生效booleanfalse
prepend该配置内容会显示在每个输入框的头部,仅在 editorstyle 参数设置为 'url' 时生效stringundefined
append该配置内容会显示在每个输入框的尾部,仅在 editorstyle 参数设置为 'url' 时生效stringundefined
target该参数用于控制文字提示链接的打开方式,仅在 editorstyle 参数设置为 'url' 时生效'_blank' | '_parent' | '_self' | '_top''_blank'
triggermode指定编辑器触发 change 值变更事件的模式,input: 输入框输入时触发事件,blur:输入框blur时触发事件'blur' |' input''blur'
readonly设置编辑器是否为只读态booleanfalse
未来已来,立即拥抱应用融合的力量
Released under the MIT License.