Element ui tree树形控件获取当前节点id和父节点id
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
第一种情况:在有复选框的情况下
方法一
1.找到node_modules/element-ui/lib/element-ui.common.js文件
2.按Ctrl+F搜索TreeStore.prototype.getCheckedKeys这个方法,低版本教程到这一步就直接修改了(具体看上面教程),发现没有找到if(node.checked) 如图:

但可以发现它return this.getCheckedNodes 我们搜索这个方法试试(其实这个函数就在当前函数的上面)。如图:

将上面的代码改成:

保存重启就可
方法二:
elementUI官网中给出的
this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys())
第二种情况:没有复选框,只是单纯的点击节点
方法一:
直接在el-tree单击时获取当前节点node,会接收三种参数,分别是当前data节点数据,node当前节点,root根节点数据,我们获取当前node节点即可,通过node.parent可获取父节点数据,祖先级可一层层遍历上去node.parent.parent获取。
let oriFatherId = node.parent.parent.data // 祖父节点信息
let fatherId = node.parent.data // 父节点信息
方法二:
可通过单击获取当前节点id,通过el-tree中parentNode=getNode(node.parent.id)获取祖父节点数据。这个属于比较绕一点的,使用这个方式需要节点id唯一,不能重复,否则就会查到多个id,节点不唯一
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)