InputTag 输入标签
InputTag 组件由 ElTag 和ElInput 组成。
基础用法
数量限制
禁用
触发方式
默认 失去焦点
、按回车键
、按空格键
都可以触发,这几种触发方式可以任意组合。
InputTag API
InputTag Attributes
名称 | 说明 | 类型 | 默认值 | 是否必须 |
---|---|---|---|---|
model-value / v-model | 输入标签组件绑定值 (不可重复) | array | 否 | |
trigger | 触发输入内容变成标签的方式 | array /string | ['blur', 'enter', 'space'] | 否 |
limit | tag 的最大数量 | number | 否 | |
formatTag v0.0.3 | 格式化标签内容 | function | 否 | |
retainInputValue v0.0.3 | 是否保留输入框的内容 | boolean | false | 否 |
tagProps | ElTag 的 props | object | 否 | |
inputProps | ElInput 的 props | object | 否 | |
disabled v0.1.14 | 禁用 | boolean | false | 否 |
InputTag Events
名称 | 说明 | 类型 |
---|---|---|
change | tag 数据改变时触发 | function |
remove v0.0.3 | 移除 tag 触发 | function |
blur v0.0.3 | 输入框失去焦点时触发 | function |
enter v0.0.3 | 按下回车键触发 | function |
space v0.0.3 | 按下空格键触发 | function |
Exposes
名称 | 说明 | 类型 |
---|---|---|
inputInstance | ElInput 实例 | object |
tagInstance | ElTag 实例 | object |