element table表格实现编辑并后台提交数据

要实现element table表格编辑并后台提交数据，你需要先在表格中设置可编辑的列，例如：

<el-table :data="tableData" @cell-edit-done="handleEdit">
  <el-table-column prop="name" label="名称" editable></el-table-column>
  <el-table-column prop="age" label="年龄" editable></el-table-column>
  <el-table-column prop="address" label="地址" editable></el-table-column>
</el-table>

这里通过在el-table-column中设置editable属性来表示该列可编辑。

然后在methods中定义handleEdit方法，用于编辑完成后向后台提交数据：

methods: {
  handleEdit(row, column, cell, event) {
    // 提交编辑后的数据到后台
    axios.post('/api/updateData', row)
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.log(error);
      });
  }
}

在handleEdit方法中，通过axios向后台提交编辑后的数据。这里的/api/updateData是后台接口的地址，row参数表示编辑后的数据。

需要注意的是，编辑完成后需要手动调用cell-edit-done事件，如下所示：

this.$nextTick(() => {
  this.$refs.table.$emit('cell-edit-done', row, column, cell);
});

这样就能实现element table表格编辑并后台提交数据了。