el-table表格添加具名插槽并传递数据

首先，在 el-table 中添加具名插槽，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name">
    <template slot-scope="{row}">
      <slot name="name" :row="row"></slot>
    </template>
  </el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

其中，`<slot name="name" :row="row"></slot>` 表示具名插槽，插槽名为 `name`，并且通过 `:row="row"` 将当前行的数据传递给插槽。

然后，在使用 el-table 的地方，可以使用具名插槽来自定义表格中的某一列，例如：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name">
      <template slot-scope="{row}">
        <slot name="name" :row="row">
          <span>{{ row.name }}</span>
        </slot>
      </template>
    </el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 }
      ]
    };
  }
};
</script>

在这个例子中，我们使用具名插槽来自定义表格中的 Name 列。如果某一行的 Name 数据为空，那么就会显示 `<span>{{ row.name }}</span>` 中的默认内容。如果有数据，那么就会显示插槽中的内容。