Skip to content

下拉选择框(Select)

组件标识

component: 'Select'

componentProps

参数名类型说明
mode'static' | 'remote'数据模式:静态选项/远程请求
optionsArray<{ label: string; value: any; disabled?: boolean }>静态选项
apiSchemaApi远程模式配置
api.urlstring远程请求地址
api.method'GET' | 'POST' | 'PUT' | 'DELETE'请求方式
api.paramsRecord<string, any> | string请求参数
api.dataPathstring响应数据路径,默认 data
api.labelKeystring标签字段名,默认 label
api.valueKeystring值字段名,默认 value
api.disabledKeystring禁用字段名,默认 disabled
namestring字段名(用于写入 selectData)
placeholderstring占位符
disabledboolean禁用
multipleboolean多选模式
onChange(value: any) => void值变更
onBlur(e: Event) => void失焦
onFocus(e: Event) => void聚焦
onInput(value: any) => void输入事件
onClear() => void清空
styleRecord<string, any>自定义样式

远程模式与鉴权

远程模式默认走内置 fetch不会携带 token,也不走项目的请求 baseURL / 拦截器。若后端接口需要鉴权(如若依 RuoYi),请在全局注册时注入 request,复用项目已封装好的 axios 实例。详见 快速开始 → 远程数据源与鉴权