基于Element的弹窗分页选择器

1,488 阅读1分钟

弹窗分页选择器el-dialog-select,适用于复杂场景下的数据选择,支持单/多选,跨页选择,选中状态反显。查看演示

Attributes

参数说明类型可选值默认值
value / v-model绑定值,必填,单选时传object,多选传arrayobject/array--
multiple是否多选boolean-false
size输入框尺寸stringmedium/small/mini-
clearable是否可以清空选项boolean-false
placeholder占位符string-请选择
title弹窗标题string-请选择
columns必填,弹窗表格列,{ label, prop, formatter, width },参考table-columnarray--
optionselect的配置, label为输入框展示内容,value应具有唯一性,用于判断选中状态object-{ label: 'label', value: 'value' }
request必填,弹窗表格的数据请求function--
filter弹窗表格数据请求的分页外额外参数obejct--
multipleSort多选时结果集排序方法function--

Slots

name说明
filter提供位于弹窗表格头部内容展示插槽,可插入额外的搜索表单,并将搜索的参数绑定到filter属性上