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 尾部内容 | — |