xmSelect：多功能下拉选择插件

一、介绍

xmSelect是一款开源的多功能下拉选择插件，其可以应用在各种前端开发场景下的多选、单选、搜索等需求。

相较于传统的下拉选择框控件，xmSelect的功能更全面，且样式上也更加美观，还可以支持联动选择等高级功能，广受开发者喜爱。

在此，我们将从多个方面对xmSelect做详细的阐述，带给读者一份全方位的使用指南。

二、基本用法

1、安装

$ npm install xmselect

2、引入

import xmSelect from 'xmselect'
import 'xmselect/xm-select.css'

3、HTML结构

<select name="city" xm-select="city">
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">广州</option>
    <option value="4">深圳</option>
    <option value="5">杭州</option>
</select>

4、JavaScript代码初始化

var demo1 = xmSelect.render({
    el: '#select1',
    filterable: true,
    theme: {
        color: '#007bff',
    },
    data: [{
        name: '北京',
        value  : '1'
    },{
        name: '上海',
        value  : '2'
    },{
        name: '广州',
        value  : '3'
    },{
        name: '深圳',
        value  : '4'
    },{
        name: '杭州',
        value  : '5'
    }]
})

5、效果展示

三、高级用法

四、常见问题

五、总结