el-table单元格嵌入el-input

el-table单元格嵌入el-input可以通过使用插槽来实现。在el-table-column中使用scoped slot，将单元格的数据传递给插槽，然后在插槽中使用el-input来编辑数据。具体步骤如下：
1. 在el-table-column中使用scoped slot，将单元格的数据传递给插槽。
2. 在插槽中使用el-input来编辑数据。
3. 在el-input中使用v-model绑定数据，使得编辑后的数据能够同步到数据源中。

举个例子，假设我们要在el-table中的某一列中嵌入el-input来编辑数据，可以按照以下步骤进行操作：

1. 在el-table-column中使用scoped slot，将单元格的数据传递给插槽。

<el-table-column label="姓名">
  <template slot-scope="scope">
    <span>{{ scope.row.name }}</span>
    <template v-if="scope.row.editable">
      <el-input v-model="scope.row.name"></el-input>
    </template>
  </template>
</el-table-column>

2. 在插槽中使用el-input来编辑数据。

<el-table-column label="姓名">
  <template slot-scope="scope">
    <span>{{ scope.row.name }}</span>
    <template v-if="scope.row.editable">
      <el-input v-model="scope.row.name"></el-input>
    </template>
  </template>
</el-table-column>

3. 在el-input中使用v-model绑定数据，使得编辑后的数据能够同步到数据源中。

<el-table-column label="姓名">
  <template slot-scope="scope">
    <span>{{ scope.row.name }}</span>
    <template v-if="scope.row.editable">
      <el-input v-model="scope.row.name"></el-input>
    </template>
  </template>
</el-table-column>