el-table单选勾选回显

el-table是Element UI中的一个表格组件，可以用于展示和操作数据。在el-table中实现单选勾选回显的方法如下：

1. 首先，在el-table的列定义中添加一个type为selection的列，用于显示选择框：

<el-table-column type="selection"></el-table-column>

2. 在data中定义一个变量selectedRow，用于保存当前选中的行数据：

data() {
  return {
    selectedRow: null,
    // 其他数据...
  }
}

3. 在el-table上绑定selection-change事件，用于监听选择框的变化：

<el-table @selection-change="handleSelectionChange"></el-table>

4. 在methods中定义handleSelectionChange方法，用于更新选中的行数据：

methods: {
  handleSelectionChange(selection) {
    this.selectedRow = selection.length > 0 ? selection[0] : null;
  },
  // 其他方法...
}

5. 在el-table中使用row-class-name属性来设置选中行的样式：

<el-table :row-class-name="rowClassName"></el-table>

6. 在methods中定义rowClassName方法，用于判断当前行是否为选中行，并返回对应的样式类名：

methods: {
  rowClassName(row) {
    return row === this.selectedRow ? 'selected-row' : '';
  },
  // 其他方法...
}

7. 在样式表中定义.selected-row样式，用于设置选中行的样式：

.selected-row {
  background-color: #f5f7fa;
}

通过以上步骤，就可以实现el-table的单选勾选回显功能。