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 | 是否禁用 | Boolean | false |
| error | 是否为错误状态 | Boolean | false |
| readonly | 是否为只读模式 | Boolean | false |
| allow-clear | 是否允许清空 | Boolean | false |
| size | 输入框的大小 | String | medium |
| max-tag-count | 最多展示的标签个数,0 表示不限制 | Number | 0 |
| retain-input-value | 是否保留输入框的内容 | Boolean | false |
| format-tag | 格式化标签内容 | Function | - |
| unique-value | 是否仅创建唯一的值 | Boolean | false |
| 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 | 后缀元素 |