当前位置:   article > 正文

el-tree设置默认高亮,并在点击其他节点后取消高亮_tree去除默认高亮

tree去除默认高亮

html部分

其中: @node-click=“handleClickChange”current-node-key=“海淀区”
highlight-current为关键代码

<el-tree
:data="treeData" 
 check-strictly  
 ref="tree"
 :props="defaultProps" 
 @node-click="handleClickChange"
 node-key="province" 
 :default-expanded-keys="['北京市','海淀区']" 
 current-node-key="海淀区"
 highlight-current
 />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

js部分

在点击事件里将默认高亮的节点置空

handleClickChange(data, checked, indeterminate) {
      this.$nextTick(() => {
        this.$refs["tree"].setCurrentKey("");
      });
    },
  • 1
  • 2
  • 3
  • 4
  • 5
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/114392
推荐阅读