element tree高亮改变，点击其他地方不去掉高亮

最新推荐文章于 2024-05-09 11:32:07 发布

续得木槿

最新推荐文章于 2024-05-09 11:32:07 发布

阅读量583

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_46161012/article/details/126478307

版权

实现代码：

<el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"
    highlight-current default-expand-all node-key="id"></el-tree>

<style lang="scss">
  .el-tree-node:focus > .el-tree-node__content{
    background-color: #fff;//节点的背景颜色
    color: #409eff;//节点的字体颜色
  }
  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #fff;//节点的背景颜色
    color: #409eff;//节点的字体颜色
  }
</style>