Partage de technologie

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

Dans le composant el-table d'Element Plus, la définition du style de la souris lors du glissement sur la ligne peut être réalisée via CSS. Vous pouvez utiliser la propriété CSS du curseur pour définir les styles de survol de la souris. Voici un exemple simple :

Tout d'abord, dans votre composant Vue

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

Ce CSS sera appliqué à chaque ligne (el-table__row) de votre el-table, et le style de curseur spécifié sera affiché lorsque la souris passera dessus.

Ensuite, assurez-vous que votre el-table s'affiche correctement dans votre modèle de composant :

<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

Ce qui précède représente l'intégralité du contenu de l'article. Si vous aimez cet article, j'espère que vous pourrez le soutenir trois fois.