# vue-input-tags

**Repository Path**: LIXNL/vue-input-tags

## Basic Information

- **Project Name**: vue-input-tags
- **Description**: 带搜索功能的input-tags
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-02
- **Last Updated**: 2021-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @linxl/vue-input-tags 
### 带搜索功能的input-tags
#### 默认
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/112010_cdb4cb34_901454.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/112501_38d558d3_901454.png "屏幕截图.png")
#### 黑暗系
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/112044_09f093f9_901454.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/112431_2558e83b_901454.png "屏幕截图.png")
#### 安装
```
npm install @linxl/vue-input-tags 
```
#### props
| 参数           | 说明           | 默认值                           |
|--------------|--------------|-------------------------------|
| isSearch     | 是否启用搜索       | false                         |
| value        |              | []                            |
| props        | value,label的类型 | {label:"label",value:"value"} |
| primaryColor | 主题色          | #1890ff                       |  
| theme | 主题(default、dark)      | default                       |  
| clearable | 是否清空     | false                       |  
| disabled | 是否禁用     | false                       |  

#### methods
| 方法     | 说明   | 参数          |
|--------|------|-------------|
| search | 搜索 | value:输入框的值；callback：搜索回调 |
#### 插槽
| 插槽     | 说明   | 参数          |
|--------|------|-------------|
| - | 下拉选项 | option 单项的数据 |
| empty | 搜索数据为空 |  |
#### 示例
```vue
<template>
    <input-tag is-search @search="search" v-model="array"/>
</template>

<script>
    import InputTag from '@linxl/input-tags'

    export default {
        name: 'App',
        components: {
            InputTag
        },
        data() {
          return {
            array:[
            ]
          }
        },
        methods: {
            search(value, callback) {
                callback([])
            }
        }
    }
</script>
```