elementplus 新增table 并新增行

好的，关于 Element Plus 新增表格并新增行的操作，可以按照以下步骤进行：

1. 在你的 Vue 项目中安装 Element Plus 组件库，可以使用以下命令进行安装：

npm install element-plus --save

2. 在你需要使用表格组件的页面中，引入 Element Plus 的 Table 组件和 Button 组件，可以使用以下代码进行引入：

<template>
  <div>
    <el-button type="primary" @click="addRow">新增行</el-button>
    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import { ref } from 'vue';
import { ElButton, ElTable, ElTableColumn } from 'element-plus';

export default {
  components: {
    ElButton,
    ElTable,
    ElTableColumn,
  },
  setup() {
    const tableData = ref([
      { name: '张三', age: 18 },
      { name: '李四', age: 20 },
    ]);

    const addRow = () => {
      tableData.value.push({ name: '', age: '' });
    };

    return {
      tableData,
      addRow,
    };
  },
};
</script>

3. 在表格中添加 Button 组件，并在点击事件中调用 addRow 方法，在 addRow 方法中向 tableData 数组中添加一个空对象，这样就可以新增一行数据了。

以上就是 Element Plus 新增表格并新增行的操作步骤，希望可以帮助到你。