InputTag 标签输入框
规则
js
{
type:"elInputTag",
title:"标签",
field:"tag",
value: ['tag1', 'tag2', 'tag3']
}完整配置项:Element_InputTag
value :Array
Props
| 名称 | 详情 | 类型 | 默认 |
|---|---|---|---|
| max | 可添加标签的最大数量 | number | — |
| tagType | 标签类型 | enum | info |
| tagEffect | 标签效果 | enum | light |
| trigger | 触发输入标签的按键 | enum | Enter |
| draggable | 是否可以拖动标签 | boolean | false |
| delimiter | 在匹配分隔符时添加标签 | string / regex | — |
| size | 输入框尺寸 | enum | — |
| saveOnBlur | 当输入失去焦点时是否保存输入值 | boolean | true |
| clearable | 是否显示清除按钮 | boolean | false |
| disabled | 是否禁用 | boolean | false |
| validateEvent | 是否触发表单验证 | boolean | true |
| readonly | 等价于原生 readonly 属性 | boolean | false |
| autofocus | 等价于原生 autofocus 属性 | boolean | false |
| id | 等价于原生 input id 属性 | string | — |
| tabindex | 等价于原生 tabindex 属性 | string / number | — |
| maxlength | 等价于原生 maxlength 属性 | string / number | — |
| minlength | 等价于原生 minlength 属性 | string / number | — |
| placeholder | 输入框占位文本 | string | — |
| autocomplete | 等价于原生 autocomplete 属性 | string | off |
| ariaLabel a11y | 等价于原生 aria-label 属性 | string | — |
Events
| 名称 | 详情 | 类型 |
|---|---|---|
| change | 绑定值变化时触发的事件 | Function |
| input | 在 Input 值改变时触发 | Function |
| add-tag | tag 被添加时触发 | Function |
| remove-tag | tag 被移除时触发 | Function |
| focus | 在 Input 获得焦点时触发 | Function |
| blur | 在 Input 失去焦点时触发 | Function |
| clear | 点击清除图标时触发 | Function |
Slots
| 名称 | 详情 | 类型 |
|---|---|---|
| tag | 作为tag的内容 | object |
| prefix | InputTag 头部内容 | — |
| suffix | InputTag 尾部内容 | — |


