社区
HTML5
帖子详情
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如何解决
...全文
936
2
打赏
收藏
Element Ui Tree show-checkbox lazy check-strictly 父子节点选中失常
this.$refs.roleTree.setCheckedKeys(this.data.arrRoles, false); 如上所示,使用element ui tree组件中自带的setCheckedKeys方法对树设置节点选中, 但是如果父节点是被选中的,set会把子节点也选中; 求这个bug如何解决
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
weixin_39169902
2017-09-26
打赏
举报
回复
这个问题是出在 lazy加载模式下 发生的
Vue
Element
UI
el-
tree
实例 获取
tree
show-checkbox
选中
子
节点
Vue
Element
UI
el-
tree
实例
tree
-node 默认
选中
节点
default-checked-keys :data 属性数据集
show-checkbox
展示多选框 :props 属性组件配置 getCheckedKeys 若
节点
可被选择(即`
show-checkbox
`为`true`),则返回目前被
选中
的
节点
的 key 所组成的数组 (leafOnly) 接收一个 boolean 类型的参数,若为`true`则仅返回被
选中
的叶子
节点
的 keys,默认值为`false`
element
ui
tree
编辑回显
问题1:选择子
节点
时,
父子
节点
也会被
选中
show-checkbox
问题2:编辑回显时,父
节点
选中
,子
节点
选中
部分,回显时,因为父
节点
选中
从而勾选了所有子
节点
<el-
tree
class="show-
tree
" :data="
tree
Data"
show-checkbox
node-key="id" ref="
tree
s" :props="defaultPropsgn" @check="checkHandler" :
check-strictly
="flag" >
element
ui
的el-
tree
多选树(复选框)
父子
节点
关联不关联的问题,
选中
当前
节点
,他的子
节点
和父
节点
是否被
选中
,非常详细
element
ui
的el-
tree
多选树(复选框)
父子
节点
关联不关联的问题,
选中
当前
节点
,他的子
节点
和父
节点
是否被
选中
,非常详细 属性
check-strictly
官方文档提供属性
check-strictly
,在显示复选框的情况下,是否严格的遵循
父子
不互相关联的做法,默认为 false。 而此属性的意思是: **默认false,
父子
关联。**有如下现象及问题: 1、当你通过函数设置勾选
节点
的时候,只要父
节点
被勾选子
节点
必会勾选上,即便设置勾选的list中无此子
节点
。 2、当你点击勾选复选框时候,若点击父节
修改
element
-
ui
中
tree
的checkbox(隐藏指定
节点
checkbox)
在使用
element
-
ui
中
tree
的checkbox时,有时需要根据
节点
的属性来决定是否在
节点
前显示checkbox选择框,因此需要对
element
-
ui
的源码进行修改。 1、将node_modules文件夹中
element
-
ui
文件夹的 packages 中的
tree
文件夹复制出来。 2、修改
tree
-node.vue文件,在<el-checkbox></el-checkbox>标签中修改 v-if 的内容 3、使用自定义的
tree
组件 im...
vue
element
ui
修改 el-checkbox的禁用状态下的颜色
vue
element
ui
修改 el-checkbox的禁用状态下的颜色
HTML5
39,087
社区成员
5,549
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章