# Input-tag 标签输入框 🎉 V2.4.42
允许用户添加内容作为标签
# 代码演示
# API
# Input-tag Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
value / v-model | 绑定值 | Array | — | [] | |
max | 可添加标签的最大数量 | number | — | ||
tag-type | 标签类型 | String | 'primary' | 'success' | 'info' | 'warning' | 'error' | 'primary' | |
tag-plain | 是否为简洁标签 | Boolean | — | true | |
trigger | 触发输入标签的按键 | 'Enter' \| 'Space' | Enter | ||
draggable | 是否可以拖动标签 | [boolean] | false | ||
size | 输入框尺寸 | 'large' \| 'default' \| 'small' | — | ||
clearable | 是否显示清楚按钮 | [boolean] | false | ||
disabled | 禁用 | [boolean] | false | ||
validate-event | 是否触发验证 | [boolean] | true | ||
readonly | 是否只读 | [boolean] | false | ||
autofocus | 等价于 autofocus | [boolean] | false | ||
id | 等价于 id | [string] | — | ||
tabindex | 等价于 tabindex | [string] / [number] | — | ||
maxlength | 等价于 maxlength | [string] / [number] | — | ||
minlength | 等价于 minlength | [string] / [number] | — | ||
placeholder | 占位文本 | [string] | — | ||
autocomplete | 等价于 autocomplete | [string] | off |
# Events
参数 | 说明 | 回调参数 | Version |
---|---|---|---|
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]{ value: string, index: number } |
prefix | 前缀 | — |
# Exposes
参数 | 说明 | 类型 |
---|---|---|
focus | 使 input 获取焦点 | [Function] |
blur | 使 input 失去焦点 | [Function] |