在 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>
以上就是文章全部內容了,如果喜歡這篇文章的話,還希望三連支持一下,感謝!