el-table-cloumn中添加数据

在Element UI的el-table-column中添加数据，可以通过以下几种方式实现：

1. 使用prop属性：通过设置prop属性，将数据与表格列进行绑定。prop属性指定了表格数据对象中的字段名，可以直接显示该字段的值。

例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

在上述代码中，tableData是一个数组，每个元素都包含了name和age字段。el-table-column的prop属性分别与name和age字段进行绑定，实现了数据的显示。

2. 使用slot-scope：通过slot-scope可以获取到当前行的数据对象，可以在slot-scope中自定义显示内容。

例如：

<el-table :data="tableData">
  <el-table-column label="姓名">
    <template slot-scope="scope">{{ scope.row.name }}</template>
  </el-table-column>
  <el-table-column label="年龄">
    <template slot-scope="scope">{{ scope.row.age }}</template>
  </el-table-column>
</el-table>

在上述代码中，通过slot-scope获取到当前行的数据对象，并通过scope.row.name和scope.row.age获取到name和age字段的值。

3. 使用自定义组件：可以通过自定义组件的方式来添加数据。在自定义组件中，可以根据需要展示不同的数据。

例如：

<el-table :data="tableData">
  <el-table-column label="姓名">
    <template slot-scope="scope">
      <custom-component :data="scope.row.name"></custom-component>
    </template>
  </el-table-column>
  <el-table-column label="年龄">
    <template slot-scope="scope">
      <custom-component :data="scope.row.age"></custom-component>
    </template>
  </el-table-column>
</el-table>

在上述代码中，通过自定义组件custom-component来展示数据，将当前行的name和age字段传递给自定义组件。