我要的是hover的效果，而不是一个类目

如果你想要的是鼠标悬停（hover）事件触发后的即时效果，而不仅仅是静态地给某些行添加一个预设的样式，可以利用Element UI提供的`mouseover`和`mouseout`事件来实现。在JavaScript中，你可以监听每个单元格或者行的`mouseover`和`mouseout`事件，并在这些事件回调里动态改变样式。

首先，确保你已经有一个元素ID或者数据属性来标识需要操作的行或单元格。例如，假设我们想在鼠标进入某一行时改变背景颜色：

<template>
  <el-row v-for="(item, index) in tableData" :key="index"
         @mouseover="handleMouseEnter(item)" @mouseout="handleMouseLeave(index)">
    <!-- 表格内容 -->
  </el-row>
</template>

<script>
export default {
  methods: {
    handleMouseEnter(rowData) {
      this.$refs.table.rows[rowData.index].classList.add('hover-effect');
    },
    
    handleMouseLeave(index) {
      this.$refs.table.rows[index].classList.remove('hover-effect');
    },
  }
}
</script>

<style scoped>
.hover-effect {
  background-color: rgba(0, 0, 0, .1); /* 鼠标悬停时的临时样式 */
}
</style>

在这里，`handleMouseEnter`会在鼠标悬停时添加`.hover-effect`类，`handleMouseLeave`则在鼠标离开时移除。`.hover-effect`样式应该包含你在鼠标悬停时想要的效果。