Element Ui Tree show-checkbox lazy check-strictly 父子节点选中失常

weixin_39169902 2017-09-25 02:13:53

this.$refs.roleTree.setCheckedKeys(this.data.arrRoles, false);
如上所示，使用element ui tree组件中自带的setCheckedKeys方法对树设置节点选中，
但是如果父节点是被选中的，set会把子节点也选中；
求这个bug如何解决

...全文

933 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_39169902 2017-09-26

打赏
举报

回复

这个问题是出在 lazy加载模式下发生的

企业级业务组件封装，更贴近工作。本课程包括：Button组件封装体会封装思想；Form组件封装：集成 Select、DatePicker、Checkbox等相关表单控件；Table组件封装；封装的组件在项目中的应用演示。改变传统的UI数据传递方式，通过属性配置的方式对组件数据进行渲染基于Vue3+ElementPlus+Vite环境开发，Vue3全新的 setup 语法糖针对初级程序员的开发模式有一个质的提升：提高项目的业务开发效率和逻辑，提高代码复用能力以及可维护性、提高组件模块能力、有更大的机会晋升中级前端开发。

Vue Element UI el-tree 实例 tree-node 默认选中节点 default-checked-keys :data 属性数据集 show-checkbox 展示多选框 :props 属性组件配置 getCheckedKeys 若节点可被选择（即`show-checkbox`为`true`），则返回目前被选中的节点的 key 所组成的数组 (leafOnly) 接收一个 boolean 类型的参数，若为`true`则仅返回被选中的叶子节点的 keys，默认值为`false`

问题1：选择子节点时，父子节点也会被选中 show-checkbox 问题2：编辑回显时，父节点选中，子节点选中部分，回显时，因为父节点选中从而勾选了所有子节点 <el-tree class="show-tree" :data="treeData" show-checkbox node-key="id" ref="trees" :props="defaultPropsgn" @check="checkHandler" :check-strictly="flag" >

element ui的el-tree多选树(复选框)父子节点关联不关联的问题，选中当前节点，他的子节点和父节点是否被选中，非常详细属性check-strictly 官方文档提供属性check-strictly，在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false。而此属性的意思是： **默认false，父子关联。**有如下现象及问题： 1、当你通过函数设置勾选节点的时候，只要父节点被勾选子节点必会勾选上，即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候，若点击父节

Tree 树形控件

39,085

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章