点击添加按钮的时候怎么使用append方法或者怎么样在elementUi表格后面插入一行

在 ElementUI 的表格组件中，我们可以通过 `tableData` 这个数组来控制表格的数据。如果要添加新的一行数据，我们可以先在表格数据的数组中添加一个新的数据对象，然后更新表格的 `data` 属性，使表格重新渲染。

下面是一个例子，我们通过点击按钮向表格中添加一行数据：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 },
      ],
    };
  },
  methods: {
    addRow() {
      this.tableData.push({ name: '赵六', age: 24 }); // 在表格数据中添加新的一行数据
    },
  },
};
</script>

在上面的例子中，我们通过 `addRow` 方法向表格数据中添加了一行数据，并更新了 `tableData` 属性，从而使表格重新渲染。这样就可以实现在 ElementUI 表格后面插入一行了。

如果你要使用 `append` 方法来插入一行数据，可以先获取到表格的 `store` 对象，然后调用 `append` 方法来添加新的一行数据。下面是一个例子：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 },
      ],
    };
  },
  methods: {
    addRow() {
      const store = this.$refs.table.store;
      store.append({ name: '赵六', age: 24 }); // 在表格中插入新的一行数据
    },
  },
};
</script>

在上面的例子中，我们通过 `$refs` 引用获取到了表格的 `store` 对象，并在 `addRow` 方法中调用了 `store.append` 方法，从而在表格中插入了新的一行数据。注意，使用 `append` 方法添加新的一行数据时，数据对象必须包含表格数据的所有字段。