當前位置:編程學習大全網 - 網站源碼 - Element-UI tree 組件 選中節點高亮的問題處理

Element-UI tree 組件 選中節點高亮的問題處理

最近新做的項目,有用到Element-UI tree 組件,需求是選中的節點背景顏色改變(默認的太淺了),並且要求不切換的情況下壹直保持高亮

由於項目的樹比較多,我寫了兩種

1.點擊後高亮顯示的背景顏色修改(但是不能壹直保持不變)

.el-tree-node:focus > .el-tree-node__content {

background-color: rgb(158, 213, 250) !important;

}

這個只要改變css就可以達到效果

2.點擊後顯示高亮的效果,並且不切換的情況下高亮壹直保持

css:

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{

background-color: rgb(158, 213, 250) !important;

}

js:

node-key="id"表示使用每個節點的"id"對應的值來表示每個節點

highlight-current"表示高亮選中的節點

這樣就能讓點擊選中的節點保持高亮,在不切換的情況下壹直高亮

  • 上一篇:求jason chen (陳以桐)的資料,越詳細越好
  • 下一篇:捷氏蜂蜜在國內排第幾
  • copyright 2024編程學習大全網