elementUI tree组件获取当前选择所有数据（含半选中的父节点）数组

最新推荐文章于 2024-07-08 15:42:31 发布
最新推荐文章于 2024-07-08 15:42:31 发布
阅读量2.1w 收藏 17
点赞数 7
分类专栏： elementUI 文章标签： element tree
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sqlquan/article/details/84636595
版权

 

网上查了半天，一大堆都说要改源码的，最后发现有方法不用改源码的

获取方法如下

this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())

将getCheckedKeys()和getHalfCheckedKeys()两个方法获取的数据合并就是我们想要的数据了

 

迷途大灰狼
关注
专栏目录
el-cascader： 使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空
jieweiwujie的博客
09-14 524
【代码】el-cascader： 使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空。
Vue3+ElementPlus el-tree递归获取当前选中节点的所有子节点ID （适用所有场景）
朝花夕拾的博客
07-13 5136
然后说下选中当前节点去获取其节点下的所有子节点的ID问题，网上搜了许多没有合适自己的方法，项目需求是单选，用了父子不关联的方法实现的单选，需要做下控制就是父节点不允许点击的情况下的子节点也不允许点击，这个时候就需要递归算法解决此问题，（递归算法适用所有场景下的获取子节点的数据）第一个参数为ture表示获取子节点下的数据，由于父子不关联，所以取值为空数组。官方提供了这个方法 获取选中节点的数组可以方便我们进行递归实现。设置选中节点后去递归获取选中节点的所有子节点的数据。
element-ui el-tree 获取当前选中数据（含半选中的父节点）
Yujis的博客
08-31 6860
当不给el-tree组件设置check-strictly 属性时，默认为false，但是回显会有一些没有选中的节点都勾选上了，怎么解决呢？ 重新回到设置 check-strictly 为 true 时，父子级不互相关联，挨个点击用户体验不好的问题，同时也避免了出现半选的情况。 需要简化用户操作: (1)当点击复选框勾选父节点时，其父节点子节点会统一跟随选中，为选中状态 (1)当点击复选框勾选取消选中时，其父节点子节点会统一跟随为未选中状态 el-tree 标签属性 node-key：每个树节点用.
如何获取懒加载后的el-tree全部数据，基于dom结构反推出数据结构
最新发布
m0_46750297的博客
07-08 831
如何获取懒加载后的el-tree全部数据，基于dom结构反推出数据结构
使用element-ui的el-tree组件查询节点父节点(node-click)
u012394336的博客
04-22 6605
一、前端页面 <template> <div> <el-row > <!-- 查询工具栏--> <el-col > <el-input placeholder="输入关键字进行过滤" v-model="filterText"> </el-input> </el-col> </el-row>
element树形控件获取选中的id和半选中的id
weixin_51490706的博客
12-09 663
element树形控件获取选中的id和半选中的id 下面展示一些 内联代码片。 this.$refs.edittree.getCheckedKeys() //获取选中的节点 this.$refs.edittree.getHalfCheckedKeys() //获取半选中的节点
elementui el-tree 父级状态为半选时获得父级id
爱情的错的博客
10-13 449
this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
vue elementUI tree树形控件获取父节点ID的实例
10-18
当我们需要在Element UI的Tree组件中获取被选中节点的父节点ID时，需要通过一些编程技巧来实现。本篇文章主要就这一问题给出一个具体实现的实例。 Element UI的Tree组件提供了多种方法来处理节点数据，其中包括获取...
vue如何获取tree当前选中的节点,【Vue】ElementUI tree控件如何取得被选中的节点，以及父节点（即使没被全选）...
weixin_36471865的博客
03-27 3957
需求有了变动，之前只需要提交被选中的叶节点的id数组，那时候直接通过官方的api【getCheckedKeys】直接拿到。现在要求也要将父节点的id也传过去。卡壳了，看了Issues，不少网友都有这种需求，没看到靠谱的方法。有个思路，先通过getCheckedKeys拿到子节点的id，然后去tree的data去一个个去遍历，存在的给父节点id取出来，最后重组所有已选中的id进行提交，但如果遇到N多...
ElementUI Tree 树形控件的使用并给节点添加图标
11-21
`node`对象包含了被点击节点的所有信息，而`data`对象则包含了该节点的数据，包括`parent`属性，这个属性指向它的父节点，如果需要获取上级或更高层级的信息，可以通过递归访问`data.parent`来实现。 现在，我们来...
element-ui el-tree 获取当前选中数据（含半选中的父节点）之进阶版
热门推荐
qq_36437172的博客
08-28 3万+
问题描述：官方提供了获取半选节点的API,但是回显会有一些没有选中的节点都勾选上了，那怎么办呢？ 重新回到设置 check-strictly 为 true 时，父子级不互相关联，挨个点击用户体验不好的问题，同时也避免了出现半选的情况。 我们简化用户的操作： 1、当点击勾选复选框时候，若状态为 选中 1.1、其所有 父节点 （父节点、父节点的父节点以此类推）全部统一跟随当前节点变化为 选中 ...
element-ui el-tree组件获取当前选择所有选中（check）和半选中（indeterminate）的节点
我总是词不达意的博客
10-07 5400
element-ui el-tree组件获取当前选择所有选中和半选中的节点
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 UI中实现tree树形控件部分选中时父级节点也被选中
TTong_190502的博客
07-25 3154
vue + element UI中实现tree树形控件部分选中时父级节点也被选中，以及回显问题处理
el-tree树形组件拿到所有复选框选中的值
m0_47733490的博客
04-21 8228
根据需求，在交互时要将树形组件中所有勾选的值一起进行传值 官方文档里有很多事件，都只能拿到点击单条的数据，这里用到check事件，是点击复选框的事件，可以拿到复选框的值 在事件中，不需要拿到形参里的值，需要先绑定ref节点，通过节点的getCheckedNodes()方法，拿到选中的值，然后将选中的值（所需要的字段）push进一个新的数组里，需要注意的是，子节点有交互所需的数据，父节点没有，所以当选中父节点下的全部数据后，会将父节点也push进新的数组里，但是父节点里没有所...
nodeType(节点类型) 属性值说明
csdn_46884182的博客
09-10 4203
nodeType(节点类型) 属性值说明 文章参考：http://www.maomao365.com/?p=15323 nodeType属性值是一个只读属性，返回一个数字，表示当前节点的类型。 <ul id="container"> <li>列表</li> <li>列表</li> </ul> <script> window.onload = function(){ let obox = document.
ElementUI中el-tree节点的操作的实现
10-15
在ElementUI中，`el-tree`组件用于展示树形数据，它提供了丰富的功能，包括节点的增删改查。在本教程中，我们将探讨如何实现`el-tree`节点的各种操作，包括获取选中节点的ID、添加节点、修改节点以及删除节点。 ...
elementui 树tree 组件回显时，解决当父节点下子节点未全部选中时，父节点为全选状态的问题
tmj1763548838的博客
09-16 1839
问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分析： 提示：
element ui 权限 全选和半选
王洪洪的博客
03-29 669
<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadc...
vue-element中下拉框el-tree父类后面标注出子类的个数
weixin_52022921的博客
05-10 2138
element中下拉框el-tree父类后面标注出子类的个数
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值