el-table-column的slot

el-table-column是Element UI中的一个表格列组件，用于定义表格的列。它提供了一个名为slot的属性，用于自定义列的内容。

通过使用slot，我们可以在el-table-column中插入自定义的内容，以满足特定的需求。slot可以是一个具名插槽，也可以是一个默认插槽。

具名插槽允许我们在el-table-column中定义多个不同的插槽，并在使用组件时根据需要选择插入哪个插槽。例如，我们可以在el-table-column中定义一个名为header的插槽，用于自定义表头的内容；还可以定义一个名为default的插槽，用于自定义单元格的内容。

默认插槽是el-table-column的主要插槽，用于定义列的内容。如果没有定义具名插槽，那么默认插槽中的内容将被渲染为列的内容。

下面是一个示例代码，展示了如何使用el-table-column的slot：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名">
      <template slot="header">
        <!-- 自定义表头内容 -->
        <span>自定义表头</span>
      </template>
      <template slot-scope="scope">
        <!-- 自定义单元格内容 -->
        <span>{{ scope.row.name }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

在上面的代码中，我们在el-table-column中定义了一个具名插槽header和一个默认插槽。在header插槽中，我们自定义了表头的内容；在默认插槽中，我们使用了slot-scope来获取当前行的数据，并自定义了单元格的内容。