Skip to content

分页下拉选择器

例子

TIP

业务中常见的场景是当一个下拉框需要从接口获取,然后列表可能会很长的情况下,需要这种查询后可以分页的情况,分页将会出现在下拉的最底部

Attributes 属性

TIP

select-more组件是在element-plus的select组件的基础上封装的,下列属性中只列出了扩展的属性,原本element组件select的属性依然有效

属性类型说明默认值
serviceFunction下拉组件数据来源方法,分页参数由配置search控制,返回数据和total由response配置控制必须填写,不然会出错
labelFieldstring标签数据的key'label'
valueFieldstringvalue数据的key'value'
keyFieldstring循环dom的key'id'
searchKeystring搜索接口使用的字段'keyword'
additionalParamsobject搜索额外传入的搜索参数{}
labelFieldArrarray显示多个label,显示的时候用-分割字段[]
labelFuncFunction用户自己控制label的显示内容
disabledFuncFunction如何处理某个行禁止选中的方法() => false
echoFuncFunction当value有数据的时候,如何回显数据,请注意,这个接口只接收一个array作为返回值

Events 事件

事件说明参数
getCurrentItemchange的时候,提交出来当前选中的item,而不是value,多选的时候是一个array,单选是一个objectcurrentItem

Released under the MIT License.