vue elementui 当数据添加完后需要显示新增后的数据

Vue和Element UI结合使用时，我们可以通过以下步骤实现数据添加完后显示新增后的数据：

1. 在Vue组件中定义一个数据列表，用于维护表格中的数据。

2. 在Element UI的表格组件中，绑定数据列表，并设置列属性，如下所示：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <!-- 其他列属性 -->
</el-table>

3. 在Vue组件中定义一个方法，用于向数据列表中添加新数据，例如：

methods: {
  addData() {
    const newData = { name: '张三', age: 18 }
    this.tableData.push(newData)
  }
}

4. 在Element UI的按钮组件中，绑定添加数据的方法，例如：

<el-button type="primary" @click="addData">添加数据</el-button>

这样，当用户点击添加数据按钮后，就会向数据列表中添加新数据，并自动在表格中显示新增后的数据。