elementui取消table鼠标悬浮时变背景色

Element UI 的表格组件（el-table）默认提供了一些交互样式，包括鼠标悬停时的背景颜色变化。如果你想要取消这个效果，你可以通过 CSS 或者 Vue.js 的 `v-bind` 绑定动态 class 来控制。

以下是一个简单的例子，展示如何禁用默认的 hover 效果：

<template>
  <el-table :hover-row-class-name="null" ...> ... </el-table>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 如果不需要自定义 hover 类名，可以设置为 null 或 ''
    getHoverRowClassName({ row, rowIndex }) {
      return null; // 或 hoverDisabled 当需要其他名称
    }
  }
}
</script>

<style scoped>
/* 如果你还是想保留 hover 样式，但是改变背景颜色，可以这样覆盖 */
.el-table__row.is-hovered {
  background-color: transparent !important;
}
</style>

在这里，`hover-row-class-name` 属性用于自定义行在鼠标悬停时的 class 名称，将其设为 `null` 就会禁用默认样式。如果想自定义样式，可以用 `getHoverRowClassName` 方法返回你需要的 class 名。