Skip to content

简介

封装选择器,三种模式
1、从数据字典读取数据(type)
2、静态数据(options)
3、从后台请求数据(url)

使用示例

template
<mb-select v-model="temp.roles" url="/system/role/all" placeholder="请选择角色" multiple />

select props

名称类型默认值说明版本
modelValueString | Arrayundefined
urlStringundefined请求url
typeStringundefined数据字典类型
optionsString[]静态数据
optionsFilter(data) => voidundefined数据的过滤
paramsObject{}url请求的参数
labelFieldStringlabellabel字段名
valueFieldStringvaluevalue字段名
propsObject{}n-select的props
widthString100%宽度
allOptionBooleanfalse是否增加选项“全部”,值为空字符串
placeholderString''占位符
multipleBooleanfalse是否开启多选
joinBooleantrue当多选时,是否使用逗号join。如果是false则modelValue是Array
clearableBooleantrue是否可以清空
defaultFirstItemBooleanfalse是否默认选中第一项
done(data) => voidundefined数据加载完成后回调