element:el-tree控件获取当前选中节点(key)值,超简单!!

16 篇文章 0 订阅

呜呜呜,我终于弄明白这个el-tree怎么用了,主要还是要仔细看官网,网上去查到的真的是太复杂了,都是在坑我

在对tree设置唯一标识key时,需要设置node-key属性:

看官网文档,这个click方法就是我想要的理想方法啊,直接给出选中的节点、节点key值等 

 

结果: 

 

 

简直不要太好用了,代码如下: 

重要的事情再说一次: !! 设置key值必须要设置node-key 

 <el-tree
    ref="tree"
    :data="RoleTreeData"
    show-checkbox
    :props="defaultProps"
    node-key="id"
    :default-checked-keys="treeArr"
    @check="currentChecked"
/>
currentChecked (nodeObj, SelectedObj) {
      console.log(SelectedObj)
      console.log(SelectedObj.checkedKeys)   // 这是选中的节点的key数组
      console.log(SelectedObj.checkedNodes)  // 这是选中的节点数组  

    },

 

  • 28
    点赞
  • 69
    收藏
    觉得还不错? 一键收藏
  • 13
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值