el-input 怎么绑定 el-table-column 的数据

`el-input` 是 Element UI 中的一个输入组件，常用于收集用户输入的数据。要将 `el-input` 的值绑定到 `el-table-column` 的数据上，你需要在 Vue.js 应用程序中使用 v-model 指令，并设置正确的数据源。

首先，确保你在Vue组件中有一个包含 `el-input` 和 `el-table` 的结构，比如这样：

<template>
  <el-form-item label="列标题">
    <el-input v-model="rowData" placeholder="请输入内容"></el-input>
  </el-form-item>
  <el-table :data="tableData">
    <el-table-column prop="columnTitle" label="列标题"></el-table-column>
    <!-- 这里假设 'rowData' 是你想绑定的输入框的值 -->
    <el-table-column prop="inputValue" label="动态值">
      <template slot-scope="scope">
        {{ scope.row.inputValue }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      rowData: '',
      tableData: [
        // 数据列表，每一项可能有 'inputValue' 字段
        { columnTitle: '标题1', inputValue: this.rowData },
        { columnTitle: '标题2', inputValue: this.rowData },
        //...
      ]
    };
  }
};
</script>

在这个例子中，当你在 `el-input` 中输入内容时，`v-model` 将实时更新 `rowData` 的值。然后，`el-table-column` 的 `prop` 设置为 `inputValue`，它会显示当前行的 `inputValue` 值。