@linxl/vue-input-tags

带搜索功能的input-tags

默认

黑暗系

安装

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 | 搜索数据为空 | |

示例

<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>