Skip to content

InputTag 标签输入框

规则

js
{
    type:"elInputTag",
    title:"标签",
    field:"tag",
    value: ['tag1', 'tag2', 'tag3']
}

完整配置项:Element_InputTag

value :Array

Props

名称详情类型默认
max可添加标签的最大数量number
tagType标签类型enuminfo
tagEffect标签效果enumlight
trigger触发输入标签的按键enumEnter
draggable是否可以拖动标签booleanfalse
delimiter在匹配分隔符时添加标签string / regex
size输入框尺寸enum
saveOnBlur当输入失去焦点时是否保存输入值booleantrue
clearable是否显示清除按钮booleanfalse
disabled是否禁用booleanfalse
validateEvent是否触发表单验证booleantrue
readonly等价于原生 readonly 属性booleanfalse
autofocus等价于原生 autofocus 属性booleanfalse
id等价于原生 input id 属性string
tabindex等价于原生 tabindex 属性string / number
maxlength等价于原生 maxlength 属性string / number
minlength等价于原生 minlength 属性string / number
placeholder输入框占位文本string
autocomplete等价于原生 autocomplete 属性stringoff
ariaLabel a11y等价于原生 aria-label 属性string

Events

名称详情类型
change绑定值变化时触发的事件Function
input在 Input 值改变时触发Function
add-tagtag 被添加时触发Function
remove-tagtag 被移除时触发Function
focus在 Input 获得焦点时触发Function
blur在 Input 失去焦点时触发Function
clear点击清除图标时触发Function

Slots

名称详情类型
tag作为tag的内容object
prefixInputTag 头部内容
suffixInputTag 尾部内容

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用