通过type="expand"给el-table添加了子列表，导致hover背景色错乱了 怎么修复

可以通过以下两种方式来修复hover背景色错乱的问题：

1. 在自定义样式中添加以下代码：

.el-table__body-wrapper .has-gutter:hover > .el-table__row:not(.expanded) {
  background-color: #f5f7fa;
}

2. 在el-table上添加`:row-class-name`属性，将其设置为一个函数，返回一个字符串，用于设置每行的class名称。在这个函数中，可以根据`row`的`expanded`属性来判断是否为扩展行，从而设置不同的class名称。

<el-table :data="tableData" :row-class-name="rowClassName">
  <!-- 其他配置 -->
</el-table>

methods: {
  rowClassName({ row, rowIndex }) {
    return row.expanded ? 'expanded-row' : '';
  }
}

然后在自定义样式中添加以下代码：

.expanded-row:hover {
  background-color: #f5f7fa;
}

这样就可以解决hover背景色错乱的问题了。