elemen-plus清除表格自带的悬停效果

Element Plus 是一个基于 Vue 3 的组件库，它是 Element UI 的官方继承版本。如果你想在 Element Plus 中清除表格自带的悬停效果，你可以通过覆盖 CSS 样式来实现。以下是一个基本的方法：

1. 首先，你需要确定表格组件的类名或者使用作用域插槽来自定义表格行（`<el-table-column>`）的样式。Element Plus 的表格行默认的类名通常包含 `.el-table__body-wrapper` 和 `.el-table__row`。

2. 在你的组件或者全局样式文件中，添加 CSS 规则来移除或覆盖悬停效果。例如，你可以设置透明度为 1 或者更改背景颜色，来覆盖默认的悬停样式。

/* 在全局样式文件中添加如下 CSS 规则 */
.el-table .el-table__body-wrapper:not(.el-table--group-body) .el-table__row:hover,
.el-table__body-wrapper:not(.el-table--group-body) .el-table__row--hover {
  background-color: transparent; /* 清除悬停背景 */
}

3. 如果你的表格使用了 `border` 属性，则可能还需要清除悬停时的边框效果：

.el-table__row:hover .cell,
.el-table__row--edit:hover .cell {
  border-color: transparent; /* 清除悬停时的单元格边框 */
}

4. 如果你希望在特定的表格上更改样式，可以使用作用域插槽来自定义悬停效果。在 `el-table-column` 中使用 `scoped-slot` 并编写你的自定义样式。

<template v-slot="{ row, index }">
  <el-table-column prop="name" label="姓名">
    <template v-slot="scope">
      <div class="custom-row" :style="{ backgroundColor: scope.row.$index === index ? 'transparent' : 'initial' }">
        {{ scope.row.name }}
      </div>
    </template>
  </el-table-column>
</template>

请记得，根据你的项目配置和版本，类名可能略有不同，你需要根据实际情况调整选择器。