el-tree整行选中
时间: 2023-11-08 18:05:21 浏览: 95
el-tree-selected-tree
el-tree整行选中可以通过设置highlight-current属性为true来实现。同时,可以通过设置highlight-current属性为true后,再设置.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content的背景颜色来实现选中行的高亮显示。具体实现可以参考以下代码:
<el-tree
:highlight-current="true"
:data="treeData"
@node-click="handleNodeClick"
>
<template slot-scope="{ node, data }">
<span class="custom-tree-node">
{{ node.label }}
</span>
</template>
</el-tree>
<style>
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background-color: #F56C6C;
}
</style>
其中,handleNodeClick是点击节点时的回调函数,treeData是树形结构的数据源。
阅读全文