el-tree父节点选中,子节点没有被选中的问题及解决

最新推荐文章于 2023-06-15 17:22:04 发布
最新推荐文章于 2023-06-15 17:22:04 发布
阅读量4.8k 收藏 1
点赞数 1
文章标签： javascript java ViewUI
原文链接：https://juejin.im/post/5d254bcdf265da1bae39221e
版权

问题描述: 1.当选中最外层的父节点时,如图

2.点开看一下

可以发现,子节点确实选中了,不过孙节点(暂且就叫他孙节点吧)并没有被选中

3.上代码

可以看到,有一个check-strictly属性

4.我们把这个属性去掉看一下效果

5.选中父节点

可以看到,子节点,孙节点都被选中了

6.让我们看下element-ui文档

意思是,设置为check-strictly时，组件完全变成可控组件,此时子父关系没有关联

转载于:https://juejin.im/post/5d254bcdf265da1bae39221e

weixin_30673715
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-tree回显复选框时半选中和全选中的树
qq_37635012的博客
06-11 416
项目需求如下：当我点击“编辑”后，需要在tree树上全勾中和半勾中选项，由于后端接口返回的tree树是含了父级节点id的数组集合，所以我们回显时需要处理好这个全勾中和半勾中的问题。
tree父节点不被选中和勾选(所以父节点)只选择子节点
weixin_45229383的博客
03-14 4790
这里写自定欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 t = $.fn.z...
elementui tree default-checked-keys懒加载后出现全选的情况, 已解决
qq_25757181的博客
03-24 5583
问题描述：使用懒加载方式渲染，一个树节点下有5个节点，设置 default-checked-keys默认选中n（1<n<5）个子节点，出现子节点全部被选中的情况。 问题分析：使用懒加载方式选中子节点，tree在渲染的过程中是异步的，tree在判断所有子节点是否选中的过程中，计算得出所有的子节点全部选中，导致父节点被选中，父节点选中其下的所有子节点全部被选中。 解决问题思路： 解决方式一：check-strictly - 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 fa
element-ui 使用树形结构时，父级元素被选中导致底下没有被选中的子级元素也被选中的解决方案
lucky_Mather的博客
11-14 681
element-ui 使用树形结构时，父级元素被选中导致底下没有被选中的子级元素也被选中的解决方案
Element ui tree(树)实现父节点选中时子节点不选中，父节点取消时子节点自动取消
weixin_45966674的博客
11-20 1万+
Elementui因为vue在国内的影响而受益 使用量巨大 树作为一种重要的开发组件应用广泛，今天带大家了解树的灵活应用 首先我们来创建一个树 <el-tree :data="data" ref="tree" show-checkbox :check-on-click-node = "true" node-key="perId" :default-expanded-keys="[]"
el-table多选+树形table 使用toggleAllSelection全部勾选以后 只有父节点被勾选 父节点下的子节点都没被勾选 —— 已解决
最新发布
init_yanxiao的博客
06-15 1322
【代码】el-table多选+树形table 使用toggleAllSelection全部勾选以后 只有父节点被勾选 父节点下的子节点都没被勾选 —— 已解决。
element表格展开行勾选有子节点显示没有显示父节点
九亿宅男的梦的博客
01-19 543
【代码】element表格展开行勾选有子节点显示没有显示父节点。
解决element-ui的el-tree组件设置默认选中，父级选中子级也被全部选中问题
我总是词不达意的博客
10-07 6316
解决element-ui的el-tree组件设置默认选中，父级选中子级也被全部选中问题
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
10-18
下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Element-ui el-tree新增和删除节点后如何刷新tree的实例
10-14
2. **刷新父节点状态**：删除节点后，需要更新其父节点的`loaded`属性为`false`，并调用`expand()`方法，以重新加载父节点的子节点数据。 ```javascript let nodeToRemove = this.$refs.tree.getNode(nodeId); // ...
vue el-tree 默认展开第一个节点的实现代码
10-15
主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
ElementUI中el-tree节点的操作的实现
10-15
`el-tree`组件接收`data`属性，这是树形结构的数据源，`props`用于指定子节点和节点标签的属性名，`@node-click`监听节点点击事件，`show-checkbox`为节点添加复选框，`node-key`用于唯一标识每个节点，`check-...
el-tree-select:基于el-select和el-tree改造的树形选择器（下拉框）组件
05-10
4. **可配置性**：组件通常提供多种可配置属性，如是否自动展开父节点、是否懒加载子节点、是否允许全选等，以适应不同场景的需求。 5. **API接口**：为了实现与后端数据的交互，el-tree-select可能提供了获取选...
element-plus tree树形控件无法获取子节点解决办法(已解决)
qq_68575975的博客
01-17 1434
当然还有一个bug这样做，就是当折叠面板变化的时候这个中间数组的值并没有变，所有要做的是。看官网介绍这些个方法都是可以用的但是笔主用vue3的组合式api获取dom时。通过node.checkedKeys我们可以的到所有被选中子节点的id。通过这个change事件把这个临时数组 Ary=[]等于一个空数组。思路：通过check会返回两个回调参数(data,node)这样每次折叠面板改变后就依然是新的tree树。这是树形控件 要怎么获取子组件id呢。利用事件中的checked 方法。这样就可以拿到id了。
element ui的el-tree多选树(复选框)父子节点关联不关联的问题
热门推荐
Beam
02-21 3万+
属性check-strictly 官方文档提供属性check-strictly，在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false。 而此属性的意思是： 默认false，父子关联。有如下现象及问题： 1、当你通过函数设置勾选节点的时候，只要父节点被勾选子节点必会勾选上，即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候，若点击父节点，其下子节点全部统一跟随父...
elementUI 如何动态的给 el-tree 添加子节点数据 children
学习笔记
10-10 1万+
有这样一个数据结构的 tree。element的 tree 懒加载是从根上就开始懒加载，但我需要实现的是已经存在一个层级的 tree 结构，只是在末端点击的时候，载入末端以下的列表。
element ui的el-tree多选树(复选框)父子节点关联不关联的问题，选中当前节点，他的子节点和父节点是否被选中，非常详细
sunrj_niu的博客
06-17 1万+
element ui的el-tree多选树(复选框)父子节点关联不关联的问题，选中当前节点，他的子节点和父节点是否被选中，非常详细 属性check-strictly 官方文档提供属性check-strictly，在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false。 而此属性的意思是： **默认false，父子关联。**有如下现象及问题： 1、当你通过函数设置勾选节点的时候，只要父节点被勾选子节点必会勾选上，即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候，若点击父节
elementui的el-tree第一次加载无法展开和选中的问题
经典鸡翅
07-30 2627
问题现象 elmentui的el-tree数据加载问题，导致第一次加载选中当前节点和高亮当前节点没有生效。 解决方案 默认展开节点的解决 在el-tree上面挂上data-change <el-tree ref="orgTree" :options="orgTreeOptons" @data-change="handlechange" > </el-tree> 使...
EasyUI中tree选中父节点自动选中子节点，取消子节点自动取消父节点，子节点勾选完毕自动勾选父节点
banweili008的博客
08-08 2728
今天有需求，将树设为具有全选功能 选中父节点自动全选子节点 全选状态下，当用户取消某一个子节点，自动取消父节点的勾选 未全选状态下，用户勾选全部子节点，自动勾选对应的父节点 感觉挺简单，实际写的时候才发现oncheck方法好坑，百思不得其解， 搞了两个多小时，想出来一个笨方法，代码如下： $("#zj_tree").tree({ url : '/dangjian/gxhxm/rest/group...
el-tree选中父节点
06-03
要选中一个 el-tree 组件的父节点，可以通过以下步骤实现： 1. 获取要选中的父节点的 key 或者 data 属性值； 2. 通过该属性值找到该节点的所有子节点； 3. 遍历这些子节点，将它们的 node-key 属性值存储到一个数组中； 4. 调用 el-tree 组件的 setCheckedKeys 方法，将该数组作为参数传入。 具体代码实现如下： ```javascript // 获取要选中父节点的 key 或者 data 属性值 const parentKey = '1'; // 通过该属性值找到该节点的所有子节点 const children = this.$refs.tree.getNode(parentKey).childNodes; // 遍历所有子节点，将它们的 node-key 属性值存储到一个数组中 const childKeys = []; children.forEach(child => { childKeys.push(child.nodeKey); }); // 调用 el-tree 组件的 setCheckedKeys 方法，将该数组作为参数传入 this.$refs.tree.setCheckedKeys(childKeys); ``` 注意，这种方式只会选中父节点的所有子节点，而不会选中父节点本身。如果需要同时选中父节点和所有子节点，可以通过调用 el-tree 组件的 setChecked 方法来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值