在elementUI中，default-checked-keys值为什么默认勾选了

最新推荐文章于 2024-09-05 10:57:57 发布
最新推荐文章于 2024-09-05 10:57:57 发布
阅读量406 收藏
点赞数
文章标签： elementui Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53114994/article/details/129639135
版权
在设置tree组件的node-key和default-checked-keys后，发现即使值正确，由于未设置check-strictly属性，导致父节点被默认选中时，其子节点也随之被默认选中。问题的关键在于未严格控制父子节点的独立选中状态。
摘要由CSDN通过智能技术生成

node-key值已经设置了，default-checked-keys传的值也是对的

捣鼓了很久，终于发现我的default-checked-keys值是包含了父级的key值

由于没有设置check-strictly值，导致了父节点默认勾选了，子级也跟着默认一起勾选了！！！

问题解决

尘柢
关注
Element之树形控件tree踩坑记录(一):default-checked-keys清空数组之后还是会全部默认选中
开发路上的AZhe
11-11 7355
..
vue+Element实现Tree树形（是否默认展开所有节点属性: default-expand-all）
前端视听
05-14 1460
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。 推荐指数：star:62.1k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://panjiachen.github.io/vue-element-admin/#/dashboa
【element el-tree】default-checked-keys会把节点下的所有子节点都选中
baidu_28647571的博客
09-29 7564
el-tree 介绍 element-ui 的树形控件，基本用法： <el-tree :data="data" node-key="id" :default-expanded-keys="all" :default-checked-keys="checkedId" :props="defaultProps" show-checkbox> </...
vue3的el-tree的default-checked-keys无法勾选的问题解决
最新发布
范天缘的博客
09-05 481
前言:有些树形控件是需要默认勾线的 但是请求后渲染不显示 刷新外部的key值也没有用。看了一下文档 我们使用自带的方法来解决。
element-ui的树状图default-checked-keys默认却勾选了所有的子节点
幼儿园园长
07-01 7240
在开发的过程中，有一个权限模块的需求，是需要更新分配的权限，因此需要在编辑的时候，将之前已有的权限默认先勾选上。 页面是这样的，树状图是懒加载的。 但是开发完成之后测试的时候，发现了很玄学的问题： 每次只要勾选前两个，比如勾选oss下的wb_test3和A，再次点开编辑的时候，就变成了oss下的子节点是全选的了。 bug复现： 我打印看了一下默认赋给树状图选中的default-checked-keys的数组，发现没有问题，是两个id，但是为什么其他的都被选中了呢，太玄学了！ 后来研究了很久，我尝试打印了
解决element ui中的el-tree组件default-checked-keys默认勾选节点问题
qq_53876295的博客
03-28 2323
解决element ui中的el-tree组件default-checked-keys默认勾选节点问题
el-tree通过default-checked-keys动态默认选中某节点
weixin_67898309的博客
04-11 2158
el-tree树节点默认选中
element-ui tree树形控件:default-checked-keys 设置空数组 默认还是选中状态问题
01-20
在这个问题中，开发者遇到了一个关于`default-checked-keys`属性的问题，即当尝试将该属性设置为空数组时，树形控件的节点依然保持选中的状态，这与预期的行为不符。 `default-checked-keys`属性是Element UI Tree...
default-checked-keys
11-08
default-checked-keys是一个属性，用于设置树形结构中默认勾选的节点的key的数组。在Vue.js的Element UI框架中，可以通过该属性来设置默认勾选的节点。具体使用方法可以参考引用中的代码示例。其中，default-checked...
element -tree -default-expanded-keys 回显
07-28
回答: 通过引用\[1\]和\[2\]的内容，我们可以知道在element-ui的树形控件中，可以使用default-expanded-keys属性来设置默认展开的节点。而使用default-checked-keys属性来设置默认勾选的节点。这样可以实现树形控件...
default-checked-keys 父节点选中子节点全选 解决方式
空·之·音
03-24 1799
解决方式一：check-strictly check-strictly默认为 false,严格的遵循父子不互相关联的做法，设置为true子节点就不会被全部选中 缺点：失去父子关联，没有半选状态，如果需要半选状态请用方式二 <el-tree :data="data" show-checkbox default-expand-all node-key="id" check-strictly="true" ref="tree" highlight-current :props
vue-element Tree树形控件填坑路
w13707470416的博客
04-03 1055
通过tree树形控件的default-checked-keys属性来设置默认选中的节点 html.vue &lt;el-form-item label="角色权限："&gt; &lt;el-tree :data="data2" show-checkbox node-key="id" @check="hand...
vue element-ui ＜el-tree＞ default-checked-keys 会把节点下所有子节点全部勾选的解决方法
weixin_47433173的博客
01-13 740
如果是用id的去做唯一的话，只需要用getCheckedKeys就可以 之前我用的是getCheckedNodes，其实也可以用这个，但是这个是返回整个对象数组而不是只有帮的那个的id，所以还需要过滤出id来，再concat到你的id数据，相对来说比较麻烦，而getCheckedKeys就不需要你自己去过滤了 <el-tree ref="treeGameData" v-model="gameCheckList" :props="tree
vue element-ui tree树形控件中:default-checked-keys的问题
u013361179的博客
08-21 9785
今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.refs.tree.setCheckedKeys方法来改变选中状态.<el−dialogtitle="提示":visible.sync="setRightsDialogVisible"width="30@close="clearDefaultCheckedKeys"><el−tree:data="rights
element-ui 树形控件default-checked-keys设置失效问题
weixin_44784830的博客
11-07 2002
设置了default-checked-keys和一个空数组 遍历完数据后，对应节点并没有渲染勾选 打断点调试显示数组里面是有值的 查阅以后发现是没有设置node-key="id" 设置完以后完美解决，节点成功勾选 ...
Element遇到的坑：el-tree 默认选择几个节点，却全选中了
weixin_38091374的博客
05-07 7868
测试丢了个bug给我，他在一个树的节点造了一千多个子节点，结果本应该选中几个子节点的，却全选中了子节点。 下面的单位存在一千多个节点，选择了前面的4个子节点，提交后，再次打开。需要默认勾选中的4个节点，通过 default-checked-keys属性设置选中其中的节点，却全选了 我的代码是 使用懒加载lazy的方式加载二级节点 解决方式loadNodeRange函数 ...
＜el-tree＞ 解决勾选会把父节点下的子节点全部勾选的问题
自述天地
09-24 3234
<div id="treeDialog"> <el-tree :data="treeDatas" show-checkbox node-key="id" default-expand-all :filter-node-method="filterNode" :props="defaultProps" check-strictly :default-checked-keys="ch...
el-tree 默认选择几个节点，却全选中了
qq_39905409的博客
01-14 2466
场景：某一级目录下有几个二级目录，当选中二级目录中的某一项并提交到后台后，页面渲染时却选中了整个一级目录，但是数据却是正常的一条二级目录。 解决办法： 比对该目录下未提交的目录，并将其checked设为false，这种方法能解决二级目录全选中的问题，但是会出现另一个小问题，虽然二级目录选择状态正常了，但是一级目录依然是全选中状态，如下： 所以，在比对完当前目录是否在已选列表内后，还需要对未全选的父级做不确定选项的展示处理，el-tree的不确定选项设置办法为 部分选：checked = false, .
el-tree操作数，子级选中父级全部选中，父级取消选中子级全部取消选中，父级选中子级不选中
qq_40011214的博客
09-06 1633
1
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尘柢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值