element tree 获取到父ID 并回显

描述:el-tree 子菜单未选中的情况,也能获取父节点Id,回显时后台也将父节点的Id传回来,但是子节点全部选中,主要解决这两个问题。

1、获取父id

① getHalfCheckedKeys   使用这个方法用来获取父节点半选择状态ID值

this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())

2、回显时获取父节点,子节点不能全选

<el-tree
   @check-change="handleChangeClick"
   :check-strictly="nodeFlag"
   :data="ruleFormData"
   show-checkbox
   :props="defaultProps"
    node-key="id"
    ref="tree">


//----nodeFlag默认值为false  

/// 在获取到数据的时候做以下操作
 this.nodeFlag= true  //重点:给数节点赋值之前 先设置为true
  this.$nextTick(() => {
      this.$refs.tree.setCheckedKeys(newVal) //给树节点赋值
      this.nodeFlag= false //重点: 赋值完成后 设置为false
  })

==================================
//check-strictly:在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值