Select

基本用法

透传了element-plus的所有属性,同时暴露了一个label,可以通过双向绑定同步更新。custom-labelcustom-value用于自定义options中展示和绑定的值的字段。

Select

远程数据源

Select

默认值

Select

展示模式

维托里奥 维内托

绑定对象

Select
""

属性

属性说明类型可选值默认值
customLabel选项显示值的字段string-'label'
customValue选项绑定值的字段string-'value'
arrayName远程数据的字段string-'data'
label / v-model:label绑定option的显示值string--
group是否需要对options进行分组boolean-false
childrenoption分组的依据,需要与group一起使用boolean-false
defaultValue初始化时的默认值object / number / string / array--
immediate是否在初始化时请求远程数据boolean-true
onlyDisplay是否只读(以div包裹)boolean-false
optionKey选项的key值,在绑定值为对象时必填string-'value'
width选择框的宽度string / number--
api获取远程数据的方法,返回一个promise对象。string时会通过config-provider获取apifunction | string--
options选项列表array--
itemDisabled选项中的禁用项,等价于element-plusselect-options的disabledfunction(option): boolean--

方法

方法说明参数
getOptions获取当前选择框的选项列表-
getLabel获取指定label对应的valuelabel,默认为当前选中项

事件

事件名说明参数
change原生change事件的增强,会同时包含选择对象本身val, obj