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

最新推荐文章于 2022-11-17 09:44:21 发布

qq_14936009

最新推荐文章于 2022-11-17 09:44:21 发布

阅读量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

2402

前言大家在开发过程中的时候，如果用的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

1238

对树的数组获取第一节点的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

5028

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

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

baidu_28647571的博客

09-29

7719

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树形控件el-tree获取父级节点的id

weixin_30314793的博客

12-29

1095

Element-ui官网给的方法 getCheckedKeys() { console.log(this.$refs.tree.getCheckedKeys()); }, 这种只有在所有子级都被选中的情况下才能获得父级的id，如果不选中所有的子级那么获取得到的id就只有子级的。但是一般提交数据时后台都需要父级id的。本人写的时候花费了一上午的时间，最后在找到了一种改源码的...

堆排序详解

sync、发sync、fdatasync

09-04

269

堆：通常是一个可以被看做一棵完全二叉树的数组对象。实际中也通常用数组来实现。链接: 堆的定义完全二叉树要么是满二叉树，若不满，则在最后一层是从左往右依次补齐的。堆可以分为：大根堆和小根堆两种。大根堆指：在这棵完全二叉树中，任何一棵子树的最大值都在子树的头节点；小根堆相反。接下来就是堆排序的过程：（以大根堆为例） 1、首先来看一个函数 heapinsert：heapinsert(int arr[], int i)表示在一个大根堆末尾 i 处插入节点后，仍维持一个0~i 的大根堆。根据大根堆的

elementui tree table父子节点关联

weixin_45466389的博客

04-21

978

elementui tree table父子节点关联给每个节点加属性parent，isChecked，获取id和节点数据的对象使用 @select事件点击时，递归使得子节点状态和当前状态一致如果选中节点有父节点，判断父节点的子节点个数，如果就只有当时节点，状态和当前节点一致代码后续加 ...

JS-DOM Element方法和属性

weixin_34198453的博客

04-14

210

一,获取html元素1.getElementByID(id)通过对元素的ID访问,这是DOM一个基础的访问页面元素的方法.example:<div id="divid">测试</div><script language="javascript">var div=document.getElementByID("divid");alert (div.nodeNam..

获取时间和获取父节点子节点属性

weixin_30659829的博客

08-23

360

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> // window.onload=function(){ // var ...

element-ui的tree组件获取父级节点，动态渲染面包屑

毛毛的博客

05-18

2248

动态渲染面包屑