Skip to content

InputTag 输入标签 ​

InputTag 组件由 ElTag 和ElInput 组成。

提示

element-plus 官方已经在v2.9.0版本中支持了 input-tag 组件。

基础用法 ​

数量限制 ​

禁用 ​

触发方式 ​

默认 失去焦点、按回车键、按空格键都可以触发,这几种触发方式可以任意组合。

InputTag API ​

InputTag Attributes ​

名称说明类型默认值是否必须
model-value / v-model输入标签组件绑定值 (不可重复)array 否
trigger触发输入内容变成标签的方式array/string ['blur', 'enter', 'space']否
limittag 的最大数量number否
formatTagv0.0.3格式化标签内容function 否
retainInputValuev0.0.3是否保留输入框的内容booleanfalse否
tagPropsElTag 的 propsobject否
inputPropsElInput 的 propsobject否
disabled v0.1.14禁用booleanfalse否

InputTag Events ​

名称说明类型
changetag 数据改变时触发function
removev0.0.3移除 tag 触发function
blurv0.0.3输入框失去焦点时触发function
enterv0.0.3按下回车键触发function
spacev0.0.3按下空格键触发function

Exposes ​

名称说明类型
inputInstanceElInput 实例object
tagInstanceElTag 实例object