vue項目-更改el-tree根據主題色變化,變更選中節點的顏色和背景色


效果

 

 上代碼

 1 <style>
 2     .s-bg2{  3  backgound:#eee;  4  }  5     .s-c{  6  color:bule;  7  }  8 </style>
 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 },

 

 

不懂私聊。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM