el-table 封装

el-table是Element UI库中的一个组件，用于展示和操作表格数据。如果你想要封装el-table，可以按照以下步骤进行操作：

1. 创建一个新的Vue组件，比如TableWrapper。
2. 在TableWrapper组件中引入el-table，并将其作为模板的一部分。
3. 通过props将数据源、列配置等必要的参数传递给TableWrapper组件。
4. 在TableWrapper组件中使用props接收传递的参数，并将其传递给el-table。
5. 可以使用slot在TableWrapper组件中定义自定义的表头、表尾等内容，并将其插入到el-table中。
6. 可以使用events或者methods在TableWrapper组件中处理el-table的事件和方法。

下面是一个简单的示例代码：

<template>
  <div>
    <el-table :data="tableData" :columns="tableColumns">
      <!-- 自定义表头 -->
      <el-table-column label="姓名" prop="name"></el-table-column>
      <el-table-column label="年龄" prop="age"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      default: () => [],
    },
    tableColumns: {
      type: Array,
      default: () => [],
    },
  },
}
</script>

然后你可以在另一个父组件中使用TableWrapper组件，并传递相应的数据和列配置：

<template>
  <div>
    <table-wrapper :table-data="data" :table-columns="columns"></table-wrapper>
  </div>
</template>

<script>
import TableWrapper from './TableWrapper.vue'

export default {
  components: {
    TableWrapper,
  },
  data() {
    return {
      data: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
      ],
      columns: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age' },
      ],
    }
  },
}
</script>

这样，你就将el-table封装到了TableWrapper组件中，并可以通过传递数据和列配置来渲染表格。