简介
封装选择器,三种模式
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 | 数据加载完成后回调 |