Skip to content

InputTag 标签输入框

用来输入标签。

基础用法

标签输入框的基本用法。

请输入

输入框状态

输入框有禁用、只读两种状态。

标签1
标签1

最多展示标签数量

设置最多展示标签数量。

标签1标签2标签33..

不同尺寸

输入框分为 mini、small、medium、large 四种尺寸。

请输入
请输入
请输入
请输入

InputTag API

InputTag Attributes

参数名描述类型默认值
model-value绑定值Array-
default-value默认值(非受控状态)Array[]
input-value输入框的值String-
default-input-value输入框的默认值(非受控状态)String''
placeholder占位符String-
disabled是否禁用Booleanfalse
error是否为错误状态Booleanfalse
readonly是否为只读模式Booleanfalse
allow-clear是否允许清空Booleanfalse
size输入框的大小Stringmedium
max-tag-count最多展示的标签个数,0 表示不限制Number0
retain-input-value是否保留输入框的内容Booleanfalse
format-tag格式化标签内容Function-
unique-value是否仅创建唯一的值Booleanfalse
field-names自定义 TagData 中的字段InputTagFieldNames-

InputTag Events

事件名描述参数
change值发生改变时触发Function
input-value-change输入值发生改变时触发Function
press-enter按下回车键时触发Function
remove点击标签的删除按钮时触发Function
clear点击清除按钮时触发Function
focus输入框获取焦点时触发Function
blur输入框失去焦点时触发Function

InputTag Slots

参数名描述
tag输入框标签的显示内容
prefix前缀元素
suffix后缀元素