el-table 中如何新建一行

在 el-table 中添加新行需要操作表格数据（即 `data` 属性）来实现。你可以在 `data` 中添加一个新的对象，这个对象的属性值对应着每一列的数据。例如，如果你的表格有三列，分别为 `name`、`age` 和 `gender`，那么你需要添加一个类似于以下结构的对象到 `data` 中：

{
  name: '张三',
  age: 18,
  gender: '男'
}

添加新行的步骤如下：

1. 在 `data` 中添加一个新对象；
2. 给这个新对象的每个属性赋值；
3. 在页面上会自动渲染出新的一行。

以下是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
  <el-button @click="addNewRow">添加新行</el-button>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          gender: '女'
        }
      ]
    }
  },
  methods: {
    addNewRow() {
      this.tableData.push({
        name: '',
        age: '',
        gender: ''
      })
    }
  }
}
</script>

在这个示例中，我们在 `tableData` 中添加了一个新对象，这个新对象的 `name`、`age` 和 `gender` 属性都是空字符串。当点击“添加新行”按钮时，会调用 `addNewRow` 方法，向 `tableData` 中添加一个空对象，这个空对象会自动渲染成表格中的一行。