el-table 行内编辑回显

el-table 行内编辑回显可以通过设置 scoped slot 的方式来实现。具体步骤如下：

1. 在 el-table-column 中设置 scoped slot，例如：

<el-table-column label="姓名" prop="name">
  <template slot-scope="scope">
    <el-input v-model="scope.row.name"></el-input>
  </template>
</el-table-column>

2. 在 el-table 中设置 ref 属性，例如：

<el-table :data="tableData" ref="table">
  ...
</el-table>

3. 在保存编辑后，手动调用 el-table 的 clearCurrentRow 方法，例如：

this.$refs.table.clearCurrentRow();

这样就可以实现行内编辑的回显效果了。

相关问题

el-table 多选数据回显

el-table多选数据回显的方法有多种。其中一种方法是使用v-model指令来绑定选中的数据数组。在代码中的el-table-column中设置reserve-selection属性为true，这将保留之前选中的数据。然后，在el-table中使用@selection-change事件监听选中项的改变，通过handleSelectionChange方法来更新选中的数据数组。同时，可以使用this.$refs.multipleTable.toggleRowSelection(row, true)来实现将数据回显到el-table的多选框上。
在这个例子中，如果想要实现el-table多选数据的回显，可以通过以下步骤：
1. 在el-table中设置ref属性为"multipleTable"，以便在其他地方可以引用它。
2. 在el-table-column中设置type为"selection"，并将v-model指令绑定到展示在另一张页面的数据组上，同时设置reserve-selection属性为true。
3. 在el-table中使用@selection-change事件监听选中项的改变，并在handleSelectionChange方法中更新选中的数据数组。
4. 在需要回显数据的地方，使用this.$refs.multipleTable.toggleRowSelection(row, true)来将数据回显到el-table的多选框上。

el-table表格数据回显

el-table 是 ElementUI 提供的表格组件，数据回显需要先将数据绑定到表格的数据源中，然后在表格中显示。以下是一个简单的例子：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="名称"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          gender: '女'
        }
      ]
    };
  }
};
</script>

在上面的代码中，`tableData` 是一个数组，里面包含了两个对象，每个对象代表了一行数据。通过 `prop` 属性来映射表格列与数据源中的属性，这样就可以将数据回显到表格中了。