Element Tree 复选框获取选中的节点

朱雀 2022-09-03 04:17 837阅读 0赞

Element Tree 复选框获取选中的节点，只需要在 @check-change 事件时调用 this.$refs.tree.getCheckedNodes() 方法就可以了，el-tree 组件需要设置 ref=“tree”

<el-tree :filter-node-method="filterNode" :default-expanded-keys="defaultExpandedKeys" :default-checked-keys="defaultCheckedKeys" node-key="value" ref="tree" style="height: 300px;overflow: auto" show-checkbox :data="treeData" :props="defaultProps"  
    @check-change="handleCheckChange"></el-tree>

//节点选中状态发生变化时的回调
    handleCheckChange(data, checked, indeterminate) { 
      //获取所有选中的节点 start
      let res = this.$refs.tree.getCheckedNodes()
      let arrDeptId = []
      res.forEach((item) => { 
        arrDeptId.push(item.value)
      })
      // this.dataTree 就是选中的数据
      this.dataTree = arrDeptId
    }

更简单的方法，可以返回选中的子节点和半选的节点

//节点选中状态发生变化时的回调
    handleCheckChange(data, checked, indeterminate) { 
      //获取所有选中的子节点 start
      let res1 = this.$refs.tree.getCheckedKeys()
      // 获取半选的节点
      let res2 = this.$refs.tree.getHalfCheckedKeys()
      let arrDeptId = [...res1,...res2]
      this.dataTree = arrDeptId
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，837人围观）

还没有评论，来说两句吧...

相关阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

短命女/ 2024年03月27日 09:37/ 0 赞/ 56 阅读

相关 html 复选框选中一个

function changeCheckbox()\{ $('input\[type="checkbox"\]').on('change', function() \{

拼搏现实的明天。/ 2023年03月13日 03:14/ 0 赞/ 1 阅读

相关复选框遍历选中 php,jquery如何获取复选框选中的值

本篇文章主要给大家介绍jquery获取复选框选中的值的实现方法。在前面的文章中，我们已经为大家介绍过用js实现获取复选框选中的值，其实现思路并不是很难，想必大家都有一定的了

Dear 丶/ 2023年01月13日 05:54/ 0 赞/ 157 阅读

相关 JQuery之子复选框全部选中则全选框选中

我为大家提供了六种方法供大家参考 $(".usertable td input[type='checkbox']").change(function (

客官°小女子只卖身不卖艺/ 2022年09月26日 11:52/ 0 赞/ 241 阅读

相关 Element Tree 复选框获取选中的节点

Element Tree 复选框获取选中的节点，只需要在 @check-change 事件时调用 this.$refs.tree.getCheckedNodes() 方法就可以

朱雀/ 2022年09月03日 04:17/ 0 赞/ 838 阅读

相关复选框选中的判断~

这么基础的技术发帖，实在是不太好意思，没办法，网上的案例好多都无效了，暂时没时间研究细节，先记录下结论：环境：jQuery v1.11.1 <!DOC

梦里梦外;/ 2022年08月18日 11:51/ 0 赞/ 255 阅读

相关复选框初始选中

$.ajax({ url: app + '/rolePermission/select' + data.id, type: 'GET',

比眉伴天荒/ 2022年02月27日 12:06/ 0 赞/ 363 阅读

相关 element表格点击行即选中该行复选框

关键代码如下 <el-table ref="multipleTable" :data="tableData" highlight-current-row toolti

矫情吗；*/ 2022年02月17日 00:42/ 0 赞/ 467 阅读

相关 js 获取所有被选中复选框的值

注：所有复选框必须name 相同 <tr> <td> <input type="checkbox" checked="

川长思鸟来/ 2021年10月08日 06:24/ 0 赞/ 420 阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

Bertha 。/ 2021年09月13日 14:52/ 0 赞/ 537 阅读