【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

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值