vue3实现鼠标移入表格el-table某一行鼠标出现禁用符号

可以通过 `row-class-name` 属性来为表格的每一行添加自定义的 CSS 类名。然后在 CSS 中为添加了这个类名的行添加禁用符号的样式。代码示例：

<template>
  <el-table :data="tableData" row-class-name="disable-row">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<style>
.disable-row {
  cursor: not-allowed;
}
.disable-row:hover {
  background-color: #f9f9f9;
}
.disable-row td {
  pointer-events: none;
}
</style>

在上面的示例中，为 el-table 组件添加了一个 `row-class-name` 属性，并将其设置为 `disable-row`。然后在 CSS 中为添加了这个类名的行添加了禁用符号的样式。其中：

- `cursor: not-allowed` 表示鼠标移动到该行时显示禁用符号的鼠标样式；
- `background-color: #f9f9f9` 表示鼠标移动到该行时该行的背景色变为浅灰色；
- `pointer-events: none` 表示该行中的所有元素都不响应鼠标事件。

这样，当鼠标移动到表格中的某一行时，该行就会显示禁用符号，并且不能再次被选中。