vue elementUI tree树形控件如何获取父节点ID

最新推荐文章于 2023-04-10 17:06:57 发布

qq_14936009

最新推荐文章于 2023-04-10 17:06:57 发布

阅读量6.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue element-ui

本文链接：https://blog.youkuaiyun.com/qq_14936009/article/details/93605629

vue 专栏收录该内容

6 篇文章

订阅专栏

本文详细解析了ElementUI版本2.7中树控件的getHalfCheckedKeys和getCheckedKeys方法的使用。getHalfCheckedKeys用于获取半选中的节点key，而getCheckedKeys则用于获取完全选中的节点key，包括可选参数leafOnly，用于指定是否只获取叶子节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我用的elementUI版本是2.7的
console.log(this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys()) )

getHalfCheckedKeys 若节点可被选择（即 show-checkbox 为 true），则返回目前半选中的节点的 key 所组成的数组

getCheckedKeys 若节点可被选择（即 show-checkbox 为 true），则返回目前被选中的节点的 key 所组成的数组 (leafOnly) 接收一个 boolean 类型的参数，若为 true 则仅返回被选中的叶子节点的 keys，默认值为 false

getHalfCheckedKeys：取父节点

getCheckedKeys：获取子节点

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_14936009

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

el-tree点击，获取当前节点和其所有子节点的id,el-tree点击获取所有节点id

weixin_41346436的博客

07-07

1万+

el-tree点击获取所有节点id,再自己做之前查过其他博客，都不是很详细，主要是不简洁，在此写出我的方法首先展示el-tree的数据结构以及字段，此处是获取后端的动态tree.因此字段有所不同，参考着根据自己实际情况而定点击选中，并筛选所有选中的父级，子级，孙子级Id。 //el-tree树形结构 <div> <el-tree ref="tree"

vue elementUI tree树形控件如何获取父节点ID

为啥不能换名字的博客

04-25

2万+

首先找到element-ui.common.js文件如下具体看你工程下的node_modules D:\workSpace\vue_manage\node_modules\element-ui\lib\element-ui.common.js 找到getCheckedNodes该方法细节如下我的该方法在21618行 TreeStore.prototype.getCheckedN...

参与评论您还未登录，请先登录后发表或查看评论

element中tree树形控件查找父级的id

qyp_1的博客

08-12

2400

前言大家在开发过程中的时候，如果用的Vue那么基本上都会是是使用element ui的，因为它里面的功能非常的强大，经常用的小伙伴都知道的，当然在使用这个ui库的时候，肯定会遇到这些很头疼的难题，就比如这篇文章，是来为大家讲解tree树形控件，这个组件应该很多的小伙伴都使用过，今天来为大家讲解的是通过一个节点来获取它的父级id 一、原理解释有细心的小伙伴可能通过百度什么的可以在文档中找到这两个方法，但是它这个节点的话就是只能在有选择框的tree树上生效，如图那么就会很头痛，因为我们当前的tree树是

vue elementUI tree树形控件获取父节点ID的实例

10-18

今天小编就为大家分享一篇vue elementUI tree树形控件获取父节点ID的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue elementUI tree 树形控件获取父节点ID

lugangfeng123的博客

07-19

2668

最近在编写后台管理系统，遇到需要elementUI tree 树形控件获取父节点ID，正常情况下只是获取选中的节点，没选中节点无法获取id. 这里经验分享找到对应的获取id的位置，将获取elementUI tree 树形控件ID代码：this.$refs.tree.getCheckedKeys() 替换成this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())即可。无需修改源码。在此要感谢这篇博..

element-tree 默认展示第一节点的值

csstmg的博客

07-15

1236

对树的数组获取第一节点的id进行展示使用这个属性 :default-expanded-keys=“unfoldId” // <el-tree ref="treeForm" style="margin-top:30px" :data="organTreeData" show-checkbox check-strict.

vue---element el-tree全选、清空、展开、收缩等基本功能总结

热门推荐

maidu_xbd的博客

02-24

2万+

目录 el-tree 1、获取选中 2、设置选中 3、全选、清空 4、展开收缩 5、完整代码 el-tree 用来展示树型结构的信息，具备展开和折叠的功能。通过案例介绍相关知识点内容，案例实现的功能如下： 1、获取选中可通过node和key(el-tree中需设置node-key，一般为id)获取选中的节点设置默认选中id=1的节点 getChecked...

vue elementui Tree树形控件学习

qq_41611829的博客

11-17

436

【代码】vue elementui tree 树状学习。

vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解

weixin_34004576的博客

02-12

5027

做后端管理系统，永远是最蛋疼、最复杂也最欠揍的事情，也永远是前端开发人员最苦逼、最无奈也最尿性的时刻。蛋疼的是需求变幻无穷，如同二师兄的三十六般变化；复杂的是开发难度寸步难行，如同蜀道难，难于上青天；欠揍的是产品随心所欲、为所欲为，如同村霸横行乡里、只手遮天；苦逼的是前端苦不堪言，如同哑巴吃黄连，有苦说不出；无奈的是前端无可奈何花落去，如同至尊宝戴上金箍无法爱你，摘下金箍无法救你；尿性的是前端苦尽...

【element el-tree】default-checked-keys会把节点下的所有子节点都选中

baidu_28647571的博客

09-29

7718

el-tree 介绍 element-ui 的树形控件，基本用法： <el-tree :data="data" node-key="id" :default-expanded-keys="all" :default-checked-keys="checkedId" :props="defaultProps" show-checkbox> </...

Element ui 树形表格增删改查

qq_45308915的博客

11-12

3660

如何使用Element ui 树形表格增删改查概述：element ui 提供了树的增删改查，百度了很久发现没有合适的，只能自己封装了，大概样子就是这样，有四个操作功能按钮，增加子集，增加同级，删除，清空，思路参考了element ui 树的增删改查直接看代码 . 首先是表格，多余的表格行我删除了自行添加 <el-table :data="tableData" style="width: 100%;fo

Element ui tree树形控件获取当前节点id和父节点id

weixin_53587375的博客

03-04

1万+

方法一：直接在el-tree单击时获取当前节点node，会接收三种参数，分别是当前data节点数据，node当前节点，root根节点数据，我们获取当前node节点即可，通过node.parent可获取父节点数据，祖先级可一层层遍历上去node.parent.parent获取。 let oriFatherId = node.parent.parent.data // 祖父节点信息 let fatherId = node.parent.data // 父节点信息方法二：可通过单击获取当前节点id

element plus 树节点，点击某个节点获取其所有父节点

爱的叹息的专栏

04-10

2748

有个需求是根据点击树节点后，根据树节点的父级节点结构查询数据 element plus 树节点点击事件有4个参数

vue elementUI tree树形控件选中子节点，获取父节点id

a913396的博客

10-15

4507

https://blog.youkuaiyun.com/qq_37588752/article/details/80075551 修改方法里的判断： if ((child.checked || child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) { checkedNodes.push(child.data); }

【前端】完美解决element UI tree组件获取叶子节点及其父节点的问题

qq_34335450的博客

09-04

1万+

小博开发过程中遇到了获取el-tree选中node的子node及其父node的问题假设树形结构如下 [{ label: '一级 1', children: [{ label: '二级 1-1' }] }, { label: '一级 2', children: [{ label: '二级 2-1' }, { label: '二级 ...

el-tree获取父级及祖先级节点

csdn_zhuang的博客

12-13

1万+

elementui官方文档中，并未提及怎样获取父级和祖先级节点方式，经过摸索后发现，可通过两种方式实现（推荐第一种）： 1、直接在el-tree单击时获取当前节点node，会接收三种参数，分别是当前data节点数据，node当前节点，root根节点数据，我们获取当前node节点即可，通过node.parent可获取父节点数据，祖先级可一层层遍历上去node.parent.parent获取。 let...