vue项目-更改el-tree根据主题色变化,变更选中节点的颜色和背景色

效果

vue项目-更改el-tree根据主题色变化,变更选中节点的颜色和背景色_第1张图片

 

 上代码

 1 
 9 
10 // 根据主题色变换树的颜色
11 changeTreeAboutTheme(){
12   let that = this;
13   that.$nextTick(function(){
14       //先获取节点
15     let array = document.querySelectorAll('.is-current');
16     if(array && array.length>0){
17       for (let i = 0; i < array.length; i++) {
18         const element = array[i];
19         //将原来的颜色置为无
20         const content = element.querySelectorAll('.el-tree-node__content');
21         content[0].style.background  = "none";
22         // 加类,变更
23         if(element.className.indexOf('s-bg2') === -1){
24           element.className += " s-bg2 s-c";
25         }
26       }
27     }
28   })
29 },

 

 

不懂私聊。

你可能感兴趣的:(vue项目-更改el-tree根据主题色变化,变更选中节点的颜色和背景色)