vue3封装element-plus的Table表格

vue3封装element-plus的Table表格

# 新建 Table.vue

src/components/Table.vue

# 参数说明

属性	描述	默认值	必需
tableModels	表格配置	[]	是
data	表单数据	[]	是
total	数据条数	0	是
showEditBtn	是否显示编辑按钮	true	否
showDeleteBtn	是否显示删除按钮	true	否
operationsWidth	操作列宽度	200	否

# tableModels

属性	描述	必需
label	表格表头	是
key	表格对应的字段	是
width	列宽度	否
value	字段实际路径	否

# 事件

事件	描述	返回值
@handleEdit	点击【编辑】按钮事件	该行的值
@handleDelete	点击【删除】按钮事件	该行的值
@handlePagination	改变【分页】事件	当前页、每页条数

# 使用

src/views/home.vue

# 效果图