el-table 鼠标进入某行改变该行的样式

您可以使用 Element Plus 表格的 `row-class-name` 属性和 `:row-class-name` 方法来控制表格行的样式。具体实现步骤如下：

1. 在 `el-table` 标签上添加 `:row-class-name` 属性，将其绑定到一个方法名，如 `getRowClassName`。

<el-table
  :data="tableData"
  :row-class-name="getRowClassName">
  <!-- 表格列定义 -->
</el-table>

2. 在 Vue 实例中定义 `getRowClassName` 方法，该方法接收一个参数 `row`，代表当前行的数据。在该方法中，根据需要返回一个字符串，表示要应用到该行的 CSS 类名。

methods: {
  getRowClassName(row) {
    // 如果当前行数据的某个字段满足某个条件，则返回 'highlight-row' 类名，否则返回空字符串
    return row.someField === someCondition ? 'highlight-row' : ''
  }
}

3. 在 CSS 中定义 `.highlight-row` 类名的样式，以改变该行的样式。

.highlight-row {
  background-color: #f5f5f5; /* 改变背景色 */
  font-weight: bold; /* 改变字体加粗 */
}

这样，当鼠标进入某行时，该行会应用 `highlight-row` 类名的样式，从而改变该行的样式。