el-table-column修改内容

el-table-column是Element UI中的一个组件，用于定义表格的列。通过el-table-column可以对表格的列进行修改内容。

要修改el-table-column的内容，可以使用以下属性：
1. label：设置列的标题。
2. prop：设置列对应数据的字段名。
3. formatter：自定义列的内容显示方式，可以是一个函数或者字符串。
4. scopedSlots：使用具名插槽来自定义列的内容。

下面是一个示例代码，展示如何使用el-table-column修改内容：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄" :formatter="formatAge"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="edit(scope.row)">编辑</el-button>
        <el-button @click="delete(scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  },
  methods: {
    formatAge(row) {
      return row.age + '岁';
    },
    edit(row) {
      // 编辑操作
    },
    delete(row) {
      // 删除操作
    }
  }
};
</script>

在上面的示例中，我们通过设置label属性来修改列的标题，通过设置prop属性来指定列对应数据的字段名。在第二列中，我们使用了formatter属性来自定义列的内容显示方式，将年龄后面添加了"岁"字。在最后一列中，我们使用了scopedSlots属性来自定义列的内容，通过具名插槽的方式添加了编辑和删除按钮。