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