Skip to content

EditTable属性文档

EditTable

参数说明类型
option表格配置项EditTableOption详情
modelValue表格绑定的数据Array
isView是否为只读模式Boolean
prop表格绑定的数据属性名称,如果这个组件嵌套在XFrom组件里 在需要表单校验的情况下 该参数必须配置 配置规则(如果modelValue(表格表单绑定的数据)绑定的是form.arr那么prop='arr' )string

Option

参数说明类型默认值
rowKey行数据的 Key,用来优化 Table 的渲染;在使用 copyBtn功能时,该属性必需对应数据的唯一标识stringid
copyBtn是否显示复制按钮 copyBtn为true时,rowKey属性必需对应数据的唯一标识booleanfalse
delBtn是否显示删除按钮booleanfalse
addBtn是否显示新增按钮booleanfalse
sortable是否是否可以拖拽排序booleanfalse
border是否带有纵向边框booleanfalse
index是否有序号booleanfalse
column列配置项Array详情-

Column

参数说明类型默认值
label列标题string | VNode-
prop列标题的内容属性名称string-
type列类型
enum
input
dicData字典数据Array-
width对应列的宽度string | number90
minWidth对应列的最小宽度, 对应列的最小宽度, 与 width的区别是width是固定的,min-width会把剩余宽度按比例分配给设置了min-width的列number | string-
rules表单验证规则Array-
tip内容提示辅助语string-
tipPlacement内容提示辅助语位置
enum
-
hide是否隐藏Booleantrue
on事件
Function
-

Events

事件名说明类型回调参数
addChange新增按钮点击事件
Function
-
delChange删除按钮点击事件
Function
-
copyChange复制按钮点击事件
Function
-
sortableChange拖动排序响应的事件
Function
-

Slot

插槽名说明作用域参数
headerMenu表格头部操作栏插槽-
menu操作栏插槽-
prop表格插槽,以Column里的prop做插槽名,例如column: [{prop: 'test'}]则插槽名为#test{ row, $index }