Обмен технологиями

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

В компоненте el-table Element Plus настройку стиля мыши при скольжении по строке можно выполнить с помощью CSS. Вы можете использовать свойство курсора CSS для определения стилей наведения курсора мыши. Вот простой пример:

Во-первых, в вашем компоненте Vue

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

Этот CSS будет применен к каждой строке (el-table__row) в вашей el-таблице, и указанный стиль курсора будет отображаться при наведении на него указателя мыши.

Затем убедитесь, что ваша el-таблица правильно отображается в шаблоне компонента:

<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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

Выше приведено все содержание статьи. Если вам понравилась эта статья, надеюсь, вы поддержите ее трижды. Спасибо!