layui树形父子不关联_el-tree父子节点相互关联操作

这篇博客探讨了在layui中如何实现el-tree组件在点击父节点时选中所有子节点,以及点击子节点保持父节点选中状态。由于elementui本身不支持此功能,作者提供了实现思路和代码示例,包括利用`node-key`、`default-expand-all`等属性,以及自定义`check`事件处理函数来处理节点的选中状态。最终,通过`getCheckedKeys`和`getCheckedNodes`方法获取选中节点的相关信息。
摘要由CSDN通过智能技术生成

本次研究课题为:

el-tree如何在点击父节点时全部选中所有子节点,点击子节点时,父节点依然是选中状态

这个功能在elementui中不予提供,要自己写

下面给小伙伴们提供一下思路和代码

例如组织架构树形结构

:data="data"

show-checkbox

default-expand-all

node-key="id"

ref="organizationTree"

highlight-current

@check="chooseDepartment"

:expand-on-click-node="false"

:check-strictly="true"

:props="defaultProps">

chooseDepartment(checkedKeys,checkedData){

// 取消勾选

let [accessibleList,getCheckedKeys] = [this.accessibleList,this.$refs.organizationTree.getCheckedKeys()];

// 循环删除this.accessibleList中的项

for(var i in accessibleList){

if(accessibleList[i].id == checkedKeys.id){

this.accessibleList.splice(i,1);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值