Condivisione della tecnologia

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

Nel componente el-table di Element Plus, l'impostazione dello stile del mouse quando si scorre sulla riga può essere ottenuta tramite CSS. Puoi utilizzare la proprietà del cursore CSS per definire gli stili di passaggio del mouse. Qui c'è un semplice esempio:

Innanzitutto, nel tuo componente Vue

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

Questo CSS verrà applicato a ciascuna riga (el-table__row) nella tua el-table e lo stile del cursore specificato verrà visualizzato quando il mouse ci passa sopra.

Successivamente, assicurati che la tua el-table venga visualizzata correttamente nel modello del componente:

<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

Quanto sopra è l'intero contenuto dell'articolo Se ti piace questo articolo, spero che tu possa supportarlo tre volte.