Vue的高级选择框组件 -vue-select

Vue的高级选择框组件 -vue-select
插件名称 vue-livelybone-select
发布时间 2020年4月29日
插件作者 livelybone

Vue的另一个选择替代组件,它支持自定义样式,实时过滤器,级联下拉列表,多选等。

安装和下载:

# NPM
$ npm install @livelybone/vue-select --save

如何使用它:

导入样式和组件。

import '@livelybone/vue-select/lib/css/index.scss'
import {SelectBase, SelectMulti, Cascader, CascaderMulti} from '@livelybone/vue-select';

注册组件。

Vue.component('select-base', SelectBase);
Vue.component('select-multi', SelectMulti);
Vue.component('cascader', Cascader);
Vue.component('cascader-multi', CascaderMulti);

// 或
new Vue({
  components:{SelectBase, SelectMulti, Cascader, CascaderMulti}
})

在html中使用,查看可以在CDN中使用的内容:unpkg

<script src="https://unpkg.com/@livelybone/vue-select/lib/umd/<--module-->.js"></script>