element-plus el-table点击当前行和划过展示鼠标

在 Element Plus 的 el-table 组件中，设置滑过行时鼠标的样式可以通过 CSS 来实现。你可以使用 CSS 的 cursor 属性来定义鼠标悬停时的样式。以下是一个简单的例子：

首先，在你的 Vue 组件的

.el-table .el-table__row:hover {
  cursor: pointer; /* 这里可以更改为其他的光标样式，比如 'crosshair', 'help', 'move', 'not-allowed' 等 */
}

这段 CSS 会应用到你的 el-table 中的每一行（el-table__row），当鼠标滑过时会显示为指定的光标样式。

接下来，确保你的 el-table 正确渲染在你的组件模板中：

<template>
  <el-table 
   :data="tableData" 
   @current-change="handleSelectionChange"
   style="width: 100%"
   >
    <!-- 你的 el-table-column 定义 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 你的数据数组
      ]
    }
  }
  methord:{
  handleSelectionChange(val) {
          this.multipleSelection = val;
          console.log(val)
          // let api = new ModellingServiceApi()
          // await api.deleteNode({sid: this.psssData.id?this.psssData.id:1,nodeId:this.selectNodeData.nodeId })
        },
  }
}
</script>

以上就是文章全部内容了，如果喜欢这篇文章的话，还希望三连支持一下，感谢！