element tree 重置节点高亮状态

element tree 重置节点高亮状态_第1张图片
图标是用了el-tree的自定义节点内容+阿里巴巴的iconfont:

<span class="custom-tree-node" slot-scope="{ node, data }">
    <i class="iconfont" :class="data && data.children? 'icon-wenjianjia': 'icon-wenjian'"></i>
    <span class="text">{{ node.label }}</span>
</span>


弹窗关闭时,想将节点的高亮状态去掉,使用

   this.$refs.deptTree.setCurrentKey(null);

'deptTree’为在el-tree上绑定的ref

你可能感兴趣的:(element-ui,vue,项目经验,vue.js,elementui,前端)