@linxl/vue-input-tags

0.1.6 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i @linxl/vue-input-tags

Weekly Downloads

0

Version

0.1.6

License

none

Unpacked Size

116 kB

Total Files

23

Last publish

Collaborators

  • linxl