/deep/.el-tree--highlight-current.el-tree-node.is-current>中高亮deepscope中的样式代码。el-tree-node__content{//设置颜色background-color:#baf!important;}问题描述我们知道树节点经常需要被选中,所以我们需要设置选中时,树节点的颜色选定的树节点突出显示。本文记录三种常用的方法。我们先来看看渲染方法。第一步:在el-tree组件标签中添加高亮属性highlight-current,表示开启高亮功能。第二步:然后在css/deep/.el-tree--highlight-current.el-tree-node.is-current>中高亮deepscope中的样式代码。el-tree-node__content{//设置颜色background-color:#baf!important;}注意这个方法是高亮选中的树节点,即:树节点获得焦点高亮,如果树节点失去焦点,也就是说点击其他地方还是高亮,也就是说,仍然保留高亮状态。方法二如果想要选中高亮不选中的效果,我们可以单独使用css设置,此时树组件不需要添加highlight-current属性,焦点即可确定直接一句话,如下:}以上两个方法是通过css控制的,我们也可以通过js控制,比如第一项默认高度Bright指定默认高亮树节点使用el-tree组件的setCurrentKey方法来根据树组件的树节点的唯一id,制定树节点的高亮显示。当然,必须使用node-key="id"为树节点绑定一个唯一的标识id。同时必须开启高亮模式(加上highlight-current属性),然后在第一个方法中添加高亮的颜色样式。默认高亮是初始化加载的,所以把代码写在mounted钩子里就可以了。完整代码