简介
封装选择器,三种模式
1、从数据字典读取数据(type)
2、静态数据(options)
3、从后台请求数据(url)
使用示例
template
<mb-select v-model="temp.roles" url="/system/role/all" placeholder="请选择角色" multiple />
select props
名称 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
modelValue | String | Array | undefined | ||
url | String | undefined | 请求url | |
type | String | undefined | 数据字典类型 | |
options | String | [] | 静态数据 | |
optionsFilter | (data) => void | undefined | 数据的过滤 | |
params | Object | {} | url请求的参数 | |
labelField | String | label | label字段名 | |
valueField | String | value | value字段名 | |
props | Object | {} | n-select的props | |
width | String | 100% | 宽度 | |
allOption | Boolean | false | 是否增加选项“全部”,值为空字符串 | |
placeholder | String | '' | 占位符 | |
multiple | Boolean | false | 是否开启多选 | |
join | Boolean | true | 当多选时,是否使用逗号join。如果是false则modelValue是Array | |
clearable | Boolean | true | 是否可以清空 | |
defaultFirstItem | Boolean | false | 是否默认选中第一项 | |
done | (data) => void | undefined | 数据加载完成后回调 |