el-tree 点击选中颜色
时间: 2023-08-07 07:00:15 浏览: 189
el-tree-selected-tree
您可以通过自定义 CSS 样式来实现 el-tree 组件的点击选中颜色效果。以下是一个示例:
```css
/* 选中节点的背景色 */
.el-tree-node.is-current .el-tree-node__content {
background-color: #eaf1fe;
}
/* 选中节点的文字颜色 */
.el-tree-node.is-current .el-tree-node__label {
color: #409eff;
}
```
您可以根据自己的需要调整背景色和文字颜色的数值。将上述 CSS 样式添加到您的项目中的样式文件或者在组件中的 `<style>` 标签中即可生效。
另外,如果您希望点击节点时仅选中节点而不展开或收起节点,可以通过设置 el-tree 的 `expand-on-click-node` 属性为 `false` 来实现:
```html
<el-tree :data="treeData" :expand-on-click-node="false"></el-tree>
```
这样点击节点时将仅触发选中效果而不会展开或收起节点。希望对您有帮助!如果还有其他问题,请随时提问。
阅读全文