当前位置: 首页> 房产> 政策 > 使用el-tree 处理权限树父节点半选和子节点选中获取,及回显父节点不覆盖所以子节点处理

使用el-tree 处理权限树父节点半选和子节点选中获取,及回显父节点不覆盖所以子节点处理

时间:2025/7/10 11:03:05来源:https://blog.csdn.net/toastRouter/article/details/140519255 浏览次数:0次

1 获取 父子节点 key  当前 key = id 设置el-tree 

                 <el-treev-if="isShowTree"ref="treeRef2"style="max-width: 260px":data="assistantListTree"show-checkbox:default-expand-all="isExpandAll"node-key="id":check-strictly="false":props="{children: 'children',label: 'resourceName'}"/>const assistantListTree = ref([])
const isExpandAll = ref(false)
const permissionIds  = ref([])// 菜单节点全选及半选数据id - key
const getMenuAllCheckedKeys_ids = () => {// 目前被选中的菜单节点let checkedKeys = treeRef1.value!.getCheckedKeys()// 半选中的父级菜单节点let halfCheckedKeys = treeRef1.value!.getHalfCheckedKeys()permissionIds.value = [...checkedKeys,...halfCheckedKeys,]// 2 渠道/助理暂无数据
}2 回显示处理

2 权限父子关联 又不想父级会显导致 子节点全选处理

// 请求节点详情数据 api==> idsif (res.data?.code == 200) {const { name, id, permissionIds } =res.data?.data// 回显权限角色选中状态permissionIds &&permissionIds.forEach((key_id: number | string) => {// (key/data, checked, deep) 接收三个参数treeRef1.value!.setChecked(key_id, true, false) // 第三个参数false  父节点不会选中所以子节点})// 指定部门数据之间相互独立}

关键字:使用el-tree 处理权限树父节点半选和子节点选中获取,及回显父节点不覆盖所以子节点处理

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: