Skip to content

TableSelector

表格选择器,可传入列表数据接口和查询条件进行筛选然后跨页选择,支持多选和单选,支持禁用某一行,支持本地数据分页。

如需弹窗中显示可直接使用ModalSelector组件。

使用方法

基础用法
显示代码

参数列表

参数名类型描述是否必填默认值
searchFieldsSearchField[]搜索表单配置-
serviceUseTableListService列表数据接口-
dataRecord<string, any>[]列表数据,如果存在 service 则忽略 data,不存在 service 时 data 进行本地分页-
columnsColumnsTypeTable组件columns属性-
rowKeystringTable组件rowKey属性'id'
nameKeystring多选时会展示选中的标签用来删除,展示的字段 key'name'
type'checkbox' | 'radio'单选或多选'checkbox'
setRowDisabledFunction设置行不可选-
modelValueRecord<string, any> | Record<string, any>[]已选中的值-

Events

事件名称回调参数描述
update:modelValueRecord<string, any> | Record<string, any>[]更改v-model绑定的值
changeRecord<string, any> | Record<string, any>[]触发change事件,返回选中数据