प्रौद्योगिकी साझेदारी

element-plus el-table वर्तमानपङ्क्तौ क्लिक् कृत्वा प्रदर्शनार्थं मूषकं चालयति

2024-07-12

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

Element Plus इत्यस्य el-table घटके पङ्क्तौ स्लाइड् करणसमये मूषकस्य शैलीं सेट् कर्तुं CSS मार्गेण प्राप्तुं शक्यते । मूषकशैल्याः परिभाषितुं भवान् CSS कर्सर गुणस्य उपयोगं कर्तुं शक्नोति । अत्र सरलं उदाहरणम् अस्ति : १.

प्रथमं भवतः Vue घटके

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

इदं 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>
  • 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

उपर्युक्तं लेखस्य सम्पूर्णं विषयवस्तु अस्ति यदि भवद्भ्यः एषः लेखः रोचते तर्हि आशासे यत् भवन्तः त्रिवारं समर्थनं कर्तुं शक्नुवन्ति।