插件名称 | 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>