数组数据编辑
使用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' |
| size | el-input组件的size属性 | 'large' | 'default' | 'small' | 'default' |
| limit | 默认不限制输入项数量,若设置了非零的限制数,当输入项数量超出该限制时,自增按钮将隐藏 | number | 0 |
| maxlength | 设置单个输入框可输入内容的最大长度,仅在 editorstyle 参数设置为 'url' 时生效 | number | undefined |
| showwordlimit | 是否显示字数限制,仅在 editorstyle 参数设置为 'url',并且数据类型为 'text' 时生效 | boolean | false |
| prepend | 该配置内容会显示在每个输入框的头部,仅在 editorstyle 参数设置为 'url' 时生效 | string | undefined |
| append | 该配置内容会显示在每个输入框的尾部,仅在 editorstyle 参数设置为 'url' 时生效 | string | undefined |
| target | 该参数用于控制文字提示链接的打开方式,仅在 editorstyle 参数设置为 'url' 时生效 | '_blank' | '_parent' | '_self' | '_top' | '_blank' |
| triggermode | 指定编辑器触发 change 值变更事件的模式,input: 输入框输入时触发事件,blur:输入框blur时触发事件 | 'blur' |' input' | 'blur' |
| readonly | 设置编辑器是否为只读态 | boolean | false |