element ui如何添加表格数据

要在Element UI中添加表格数据，可以按照以下步骤进行操作：

1. 在Vue组件中引入Element UI的Table组件：`import { Table } from 'element-ui'`

2. 在组件的`data`选项中定义表格的数据：`data() { return { tableData: [] } }`

3. 在模板中使用Table组件，并将表格数据绑定到`data`属性：`<el-table :data="tableData">...</el-table>`

4. 在Vue组件的方法中使用`this.tableData.push()`来添加新的数据到表格。

例如，可以在某个按钮的点击事件中添加表格数据：

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>
    <el-button @click="addData">添加</el-button>
  </div>
</template>

<script>
import { Table, TableColumn, Button } from 'element-ui'

export default {
  components: {
    'el-table': Table,
    'el-table-column': TableColumn,
    'el-button': Button
  },
  data() {
    return {
      tableData: []
    }
  },
  methods: {
    addData() {
      this.tableData.push({
        name: '张三',
        age: 20
      })
    }
  }
}
</script>

以上代码展示了一个带有表格和一个添加按钮的Vue组件。点击按钮后，会向表格中添加一个新的数据行，该行的姓名为“张三”，年龄为20。通过在`addData`方法中使用`push()`方法，将新数据添加到`tableData`数组中，表格数据会自动更新。