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