Element UI Table 表格：如何将输入框的值传给后端代码

要将表格中输入框里的值传递给后端代码，需要在前端页面中进行以下操作：

1. 给输入框设置一个唯一的 'name' 属性，方便后端代码获取该值。

2. 在表格中加入一个提交按钮，点击按钮时触发提交操作。

3. 在提交操作中，获取表格中每一行输入框的值，并将其封装成一个对象。

4. 将封装好的对象通过 AJAX 请求发送给后端代码。

5. 后端代码接收到请求后，解析请求体中的数据，并进行相应的处理操作。

下面是一个示例代码：

<el-table :data='tableData'>
  <el-table-column prop='name' label='姓名'></el-table-column>
  <el-table-column prop='age' label='年龄'>
    <template slot-scope='scope'>
      <el-input v-model='scope.row.age' name='age'></el-input>
    </template>
  </el-table-column>
  <el-table-column>
    <template slot-scope='scope'>
      <el-button @click='submit(scope.row)'>提交</el-button>
    </template>
  </el-table-column>
</el-table>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 22 },
        { name: '王五', age: 25 },
      ]
    }
  },
  methods: {
    submit(row) {
      const formData = {
        name: row.name,
        age: row.age
      }
      // 发送 AJAX 请求
      this.$http.post('/api/save', formData).then(response => {
        console.log(response.data)
      })
    }
  }
}
</script>

在上面的示例代码中，我们给输入框设置了 'name' 属性为 'age'，点击提交按钮时触发 'submit' 方法。在 'submit' 方法中，我们获取了当前行的 'name' 和 'age' 值，并将其封装成一个对象 'formData'，然后通过 AJAX 请求将其发送给后端代码。后端代码接收到请求后，可以通过 'req.body.age' 获取到 'age' 的值。