element UI树形控件子节点部分选中 也需要获取父级ID的处理方法

问题描述

在后台管理做菜单权限的时候，菜单以树状图展示，在以前用zTree的时候好像没遇到什么麻烦，就是代码量有点多。element的树形控件很适合这个东西。但是刚接触的时候会发现当子节点部分选中的时候通过getCheckedKeys方法无法获取父节点的。有人可能会修改源码或者其他的方法去解决这个问题。其实没必要那么麻烦。

解决办法

通过两个方法组合起来

let nodeList = Array.from(new Set([...this.$refs.tree.getCheckedKeys(),...this.$refs.tree.getHalfCheckedKeys()]))

这样子就能拿到所有节点的id,至于修改源码或者加其他的逻辑完全没必要

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 九、DOM
      DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。   DOM 描绘...
    霜天晓阅读 3,682评论 0赞 7
  • DOM 模型概述
    基本概念 DOM DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Ob...
    许先生__阅读 891评论 0赞 1
  • DOM模型（一）—— DOM模型概述
    一、基本概念 1.1、DOM DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object ...
    周花花啊阅读 3,224评论 0赞 6
  • 面试题
    Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1赞 32
  • 数据库无限级分类
    程序设计中常使用树型结构来表征某些数据的关联关系，如上下级、栏目结构、商品分类、菜单、回复等。 分类的层级关系可以...
    JunChow520阅读 4,122评论 4赞 3