【无标题】

项目场景：

vue+elementui 改变el-tree默认选中置灰功能

本项目有些node节点是不能点击的

---

问题描述

一开始想使用css样式来更改，改了下面这个部分，但是选中置灰取消了之后，hover时也不展示样式,自己写的hover也没有起作用。

/deep/.el-tree-node.is-current > .el-tree-node__content {
  background: none;
}

后面改变思路，尝试不让当前节点可点击，用setCurrentKey 处理，还是不起作用

---

原因分析：

通过css更改样式可能是由于权重问题，自己设置的hover没起作用。

通过setCurrentKey更改没用还没找到原因。

---

解决方案：

磕css，加上hover,诶，起作用了。

/deep/.el-tree-node.is-current > .el-tree-node__content {
  background: none;
}
/deep/.el-tree-node > .el-tree-node__content:hover {
  background-color: #f2f4f6;
}