在 Element UI 表格底部添加数据教程

要在 el-table 的底部添加一条数据，你需要按照以下步骤进行操作：

1. 首先在表格的数据源 (data) 中新增一条数据对象，该对象包含你要添加的数据。

data() {
  return {
    tableData: [
      // 其他数据
      // ...
      // 要添加的数据对象
      {
        // 数据字段
        field1: 'value1',
        field2: 'value2',
        // ...
      }
    ]
  }
}

2. 在 el-table 组件中，使用 `append` 属性将新数据追加到表格的底部。这个属性会告诉 el-table 组件在渲染表格时将新数据放在底部。

<template>
  <el-table :data="tableData" :append="true">
    <!-- 表格列配置 -->
    <el-table-column prop="field1" label="字段1"></el-table-column>
    <el-table-column prop="field2" label="字段2"></el-table-column>
    <!-- ... -->
  </el-table>
</template>

这样，当你添加新数据到 `tableData` 中时，el-table 组件会自动将新数据显示在表格的底部。