let treeKeys=this.getCheckedKeys() console.log(treeKeys) let arry=this.getCheckedKeysList(this.permissionsData, treeKeys,'id') console.log(arry)this.parentAndChildIdArry =arry }, getCheckedKeys() {returnthis.$refs.tree.getCheckedKeys() }, 详情接口获取树形id,默认展示勾选 getDetailList() {...
*@paramdata- 传递给 data 属性的数组中该节点所对应的对象 */nodeClick(data){console.log(data)if(data.type==='user'){// 筛选出已经选中的子节点的id集合consttreeCheckedNodeIds=[...newSet(this.$refs.tree.getCheckedNodes().filter(_item=>!_item.child).map(item=>item.id))]// 获取当前节...
编辑场合,接口获取form.menuIds=[1,2]赋值给树状默认选中。页面效果[1,2,3]所有子节点都选中,可新增没选中id=3。解决全选后所有子节点会被选中,办法如下所示。 <el-tree ref="tree":data="treeData"show-checkbox node-key="id":props="defaultProps":default-expand-all="true":default-checked-keys="fo...
el-tree中获取选中节点的所有父级节点 2020-12-15 15:57 −... 棠樾 0 15524 解决el-tree横向滚动条问题 2019-12-10 15:58 −代码如下  效果如图  => { console.log(res, 'catch'); }); }, //获取树列表的所有节点 ==> 这里是计算出所有子节点的个数 getTreeNodeIDList(data) { var str = 0; const getStr = function (list) { list.forEach(function (row) { if (row.child) { getStr(row.child); str += 1; } else ...
{constnode=this.$refs.tree.getNode(data.id);this.setNode(node);},setNode(node){if(node.checked){//选中,递归设置所有父节点选中this.setParentNode(node);}else{//取消选中,所有子节点取消选中this.setChildenNode(node);}},setParentNode(node){if(node.parent){for(constkeyinnode){if(key==="...
el-tree组件在获取选择的节点时,默认的逻辑是,选中父节点时所有的子节点会被选中(checked),但是当该节点下不是选中所有子节点的时候,主节点不会被选中,而是处于一种半选中状态,提交时通过getCheckedKeys()方法也不会提交父节点,因为半选中状态下checked属性是false的。
有时候需要获取el-tree每个节点的点击状态,可以通过以下方式,其中isCheck类型为布尔值 <el-tree:data="organizationData":props="defaultProps":check-strictly="isAssociate"node-key="organizationId":expand-on-click-node="false"@check="getCurrentNode"ref="tree"></el-tree> ...
重点:获取全选和半选的所有key值this.$refs.tree .getCheckedKeys()this.$refs.tree.getHalfCheckedKeys() 六、从后台拿到数据如何回填=>树形结构要对应全选中和半选中状态 如一个节点是“父亲”-还有-“儿子”-还有-“孙子”那么儿子是父亲的子节点,孙子是儿子的子节点,是父亲的叶子节点 ...