# ClInputTag InputTag

> 标签输入框，支持输入后生成标签

- **标签名**: `<cl-input-tag>`
- **引入**: `import { ClInputTag } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| value | `String` | `` | 否 |  |
| className | `String` | `` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| isClean | `Boolean` | `true` | 否 |  |
| multiple | `Boolean` | `true` | 否 |  |
| isCopy | `Boolean` | `false` | 否 |  |
| isCopyMultipleWrap | `Boolean` | `true` | 否 |  |
| copyJoinKey | `String` | `'` | 否 |  |
| minHeight | `String` | `'70px'` | 否 |  |
| joinKey | `String` | `'` | 否 |  |
| isAutofill | `Boolean` | `false` | 否 |  |
| list | `Array` | `() => { return [] }` | 否 |  |
| searchKey | `Array` | `() => { return ['name'] }` | 否 |  |
| searchKeyType | `String` | `'||'` | 否 |  |
| showDropDownTextFormat | `String` | `` | 否 |  |
| serverCallback | `Function` | `` | 否 |  |
| isFocusShowDrop | `Boolean` | `false` | 否 |  |
| textMaxHeight | `String` | `` | 否 |  |
| tagsMaxHeight | `String` | `` | 否 |  |
| isShowNum | `Boolean` | `false` | 否 |  |
| isShowLoading | `Boolean` | `false` | 否 |  |

## Events

| 事件名 | 说明 |
|--------|------|
| onInit | 初始化完成事件 |
| update:value |  |
| onChange | 值改变事件 |

## 方法

| 方法 | 说明 |
|------|------|
| getValue() | 获取当前值 |
| getValueData() | 获取当前值对应的数据对象 |
| setValue() | 设置值 |
| focus() | 获取焦点 |

## 基础用法

```vue
<cl-input-tag></cl-input-tag>
```
