el-table hover滑过的时候显示该行的名称

在Element UI库中的`el-table`组件中，你可以利用`hover-row-class-name`属性配合CSS来实现在鼠标悬停时显示表格行的名称或者其他自定义样式。这个属性接受一个函数，当鼠标悬停在指定行时，会返回一个CSS类名。

例如，你可以这样做：

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

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据...
      ],
      hoveredRowClassName(row) {
        return { 'custom-hover': true }; // 返回需要添加的CSS类名，这里设置了一个名为"custom-hover"的类
      }
    };
  },
  computed: {
    // 如果需要动态判断行名称是否高亮，可以在这里添加计算属性
    // hoveredRowName(row) {
    //   // 根据row数据计算高亮名称
    // }
  },
}
</script>

<style scoped>
.custom-hover {
  /* 这里编写你的鼠标悬浮时显示行名称的CSS样式 */
  background-color: lightgray; /* 示例 */
  color: #000;
  cursor: pointer;
}
</style>

在这个例子中，当你将鼠标悬停在某一行上时，`custom-hover`类会被应用到这一行，你可以根据需要调整CSS样式来显示行名称或其他内容。