一、介绍
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、效果展示
北京
上海
广州
深圳
杭州
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/309064.html
微信扫一扫 
支付宝扫一扫 