【element-ui】el-tree节点点击时阻止其选中

Z时代
2024-01-10
分类：技术分享

element-ui里面的el-tree组件，节点一点击它就选中了，怎么能在节点点击时满足一定条件才让此节点选中?
图片描述

节点一点击就加上了is-current这个类,根据这个类设置的选中样式,现在不能它一点击就选中该怎么做呢?求大神解答

回答：

项目一直用的2.9.1版本，里面也有setCurrentKey(null)方法，不过setCurrentKey(null)并不能取消掉is-current类名，样式一直都在，最后是用js移除is-current和添加is-current实现的，这其中很复杂，花了2个小时才做完这个功能，部分代码如下：

this.currentNode = data;
if(this.prevEl){
    this.prevEl.$el.classList.remove("is-current");
}else{
    let nodes = document.getElementsByClassName("el-tree-node");
    for(let i = 0, len = nodes.length;i < len;i++){
        nodes[i].classList.remove("is-current");
    }
}
this.$nextTick(() => {
    el.$el.classList.add("is-current");
    this.prevEl = el;});