element tree 点击某个节点，获取该节点的所有子节点的id

html中

<el-tree :data="list" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

data中注册

list: [{id: 1,label: '一级 1',children: [{id: 2,label: '二级 1-1',children: [{id: 3,label: '三级 1-1-1'}, {id: 4,label: '三级 1-1-2'}, {id: 5,label: '三级 1-1-3'}]}]
}, {id: 6,label: '一级 2',children: [{id: 7,label: '二级 2-1'}, {id: 8,label: '二级 2-2'}]
}],
defaultProps: {children: 'children',label: 'label'
},
childArr: []

methods中

handleNodeClick (data) {console.log('data: ', data)this.childArr = []this.getAllChild(data)console.log(this.childArr)
},
getAllChild (obj) {if (Object.prototype.hasOwnProperty.call(obj, 'children')) {for (const item of obj.children) {if (Object.prototype.hasOwnProperty.call(item, 'children')) {this.childArr.push(item.id)this.getAllChild(item)} else {this.childArr.push(item.id)}}this.getAllChild(obj.children)} else {return null}
}

element tree 点击某个节点，获取该节点的所有子节点的id相关推荐

element tree 点击文字都也可以勾选_任何时候都能用得到的CAD实用技巧！掌握它，分分钟提高工作效率...
很多人在用CAD进行画图的时候,经常会因为不熟悉技巧而耽误很多时间,造成工作效率变低的情况,今天小编就来跟大家分享一些任何时候都能用得到的CAD技巧,希望对你有帮助~ 1.标注上下标上标:在编辑文字 ...
mysql 叶子节点_MySQL 树形结构根据指定节点获取其所有叶子节点
背景说明需求:MySQL树形结构, 根据指定的节点,获取其下属的所有叶子节点. 叶子节点:如果一个节点下不再有子节点,则为叶子节点. 问题分析 1.可以使用类似Java这种面向对象的语言,对节点集合 ...
mysql获取当前节点的所有叶子节点_MySQL 树形结构根据指定节点获取其所有叶子节点...
背景说明需求:MySQL树形结构, 根据指定的节点,获取其下属的所有叶子节点. 叶子节点:如果一个节点下不再有子节点,则为叶子节点. 问题分析 1.可以使用类似Java这种面向对象的语言,对节点集合 ...
ztree autoCheckTrigger=true时子节点复选框选中导致父节点onCheck触发多次问题处理
ztree实现复选框功能,并且子节点选中时,父节点自动选中,子节点取消选中(若所有子节点都没有选中)则父节点也会自动取消选中,check配置如下: check: {enable: true,chk ...
elementui tree获取父节点_elementUI 树状图点击子节点获取父节点
权限使用elementUI tree 组件,点击子节点获取对应多级的父节点这是应用的组件 :data="hovePermissData" :default-checked- ke ...
element tree ui 全选_element-ui Tree之懒加载叶子节点设置半选效果
本来是不太想动的... 无可奈何,看到一句话[业精于勤, 荒于嬉]便还是动手写一写加深理解的同时给以后的自己留个备份吧... element-ui Tree组件如何给具有懒加载的tree设置半选效果? ...
点击每个兄弟节点获取对应节点下标的六种方案详解
点击每个兄弟节点获取对应节点下标的五种方案详解一.前言二.示例三.解决方案四.总结一.前言在 DOM 节点中,或者在循环引用中,如何点击每个兄弟节点获取对应节点下标,比如 ul 下有 3个 ...
element-ui tree 点击章节节点勾选/取消勾选
element-ui tree 点击章节节点勾选/取消勾选遇到一个需求,要求点击tree组件的章节时(不是点击checkBox),要进行节点勾选/取消勾选操作: 原本想的方案非常复杂,涉及到遍历父子 ...
下拉框_教你封装 Element Tree 树状下拉框
在日常项目开发中,树状下拉框的需求还是比较常见的,但是element并没有这种组件以供使用.在这里,小编就基于element如何封装一个树状下拉框做个详细的介绍. 通过这篇文章,你可以了解学习到一个树 ...

element tree 点击某个节点，获取该节点的所有子节点的id

element tree 点击某个节点，获取该节点的所有子节点的id相关推荐

最新文章

热门文章