vue封装element-ui的表格

# Table.vue

src/components/Tabel.vue

# 页面引入

src/views/test.vue

# 自定义列

使用 template 包含自定义的内容，slot一定要对应好字段，slot-scope会接收对象，使用scope.data.属性调用

# 参数说明

属性	描述	类型	默认值
data	表格数据	Array	[]
columns	表格列	Array	[]
selection	多选开关	Boolean	false
operation	操作列显示/隐藏	Boolean	true
operationWidth	操作列宽度	Number	200
showAdd	是否显示/隐藏添加按钮	Boolean	true
pagination	分页显示/隐藏	Boolean	true
sizes	页数大小数组	Array	[10, 20, 50, 100, 200, 500]
size	分页显示多少条信息	Number	10
page	当前页	Number	1
total	总共多少条	Number	0

# columns

属性	描述	必须
title	列表头	是
key	列对应的字段	是
width	列宽度	否

# 方法

属性	描述	回调函数
@handleSelectionChange	多选结果集合	(val)
@handleDelete	点击删除按钮	(index, row)
@handleEdit	点击编辑按钮	(index, row)
@handleAdd	点击添加按钮	()
@handleSize	改变了分页大小	(size)
@handleCurrent	改变了分页页数	(current)

# 效果图