element-plus的el-table添加一行

可以使用element-plus提供的`$refs`属性，通过JavaScript代码的方式向`el-table`中添加新的一行数据。以下是一个简单的示例代码：

<template>
  <el-table :data="tableData" ref="table">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="address" label="Address"></el-table-column>
  </el-table>
  <el-button @click="addRow">Add Row</el-button>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 30, address: 'New York' },
        { name: 'Mike', age: 25, address: 'Chicago' },
        { name: 'Amy', age: 28, address: 'Los Angeles' },
      ],
    };
  },
  methods: {
    addRow() {
      const row = {
        name: 'Tom',
        age: 32,
        address: 'San Francisco',
      };
      this.$refs.table[0].store.states.data.unshift(row);
    },
  },
};
</script>

在上面的代码中，我们首先在`el-table`组件上使用了`ref`属性，为其取了一个名字`table`，表示我们可以通过`this.$refs.table`来访问该组件。

在`addRow`方法中，我们首先创建了一个新行的数据对象`row`，然后通过`this.$refs.table[0].store.states.data.unshift(row)`将其添加到表格数据的开头位置。

最后，在模板中，我们使用一个按钮来触发`addRow`方法，从而向表格中添加新的一行数据。