【el-tree】getCheckedKeys和getHalfCheckedKeys区别

改bug的时候发现,我对这两个的区别不是很清楚

看官网的说明

在这里插入图片描述
虽然说的好像挺清楚的,每个字分开看都能读得懂,连在一起就不懂了

我自己打印测试后,结合图+文字,相信就能看得懂了
给el-tree加个ref,比如:ref=“menu” 通过this.$refs.menu.getCheckedKeys() 拿到选中的节点数组

先说getCheckedKeys(),它拿到的是被选中的节点,如果子节点全部被选中,那它的上一级就是打勾的状态,表示所有项都被选中,如果子节点没有全选中,那它的上一级就是横杠的状态,那么这个时候getCheckedKeys拿到的就是所有打勾的节点

如下图所示,getCheckedKeys拿到的节点数组长度是10
在这里插入图片描述

然后说getHalfCheckedKeys(),同上,给el-tree加个ref,比如:ref=“menu” 通过
this.$refs.menu.getHalfCheckedKeys() 拿到半节点的节点数组,这个地方要注意下,如果以上图为示
例,这个半节点会不会是父节点为横杠状态下的所有勾选的节点数组,答案是不是,它指的就是父节点
为横杠状态的数量。

如下图所示,getHalfCheckedKeys拿到的节点数组长度是2

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_49668076/article/details/129445770