首先在菜单权限树形选择时,半选状态的父级的ID是需要加入list中的,那么此时将halfCheckedKeys加入list即可: // 节点选中状态变化 changeNowNode(data, obj) { // 获取选中的key this.$nextTick(() => { this.setCheckedList = this.$refs.dutytree.getCheckedKeys() if (obj.halfCheckedKeys.length>0) { ...
1、当你通过函数设置勾选节点的时候,只要父节点被勾选子节点必会勾选上,即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候,若点击父节点,其下子节点全部统一跟随父节点变化;若点击子节点,子节点部分勾选时父节点处于半选状态,子节点全部勾选时父节点选中,子节点全部不勾选时父节点未选中。 3、...
产生原因:当我们在全部选中某一项权限时 权限的父级id也会被加入到我们已选择的权限中 当我们把含有父级id的权限数组传给后端,再请求权限列表时,el-tree检测到里面包含的父级权限的id,就会默认勾选上该父级权限及他下面的所有子权限。 解决办法: 办法1:取消父子级联动效果 使用 check-strictly 属性, <el-tree...
// 选中禁用子节点 childJin(data) { const a = data.children.length for (let i = 0; i < a; i++) { data.children[i].is_show = true this.checkedDepartment.push({ name: data.children[i].name, id: data.children[i].id }) this.childJin(data.children[i]) } }, // 解除选中禁用...
SQA报告的测试bug中出现了一个问题,就是element-ui中el-tree控件中子节点未全部选中时,父节点的id在提交时不会传给后台接口,导致后台获取不到父节点id,从而导致部分选中的子节点的所对应的用户权限功能不能使用。 分析问题: <el-tree :data="pageAuthorityData" ...
el-tree 有一个父子关联的属性 check-strictly,默认是 false 的,确定没有赋值为 true 即可。 CodePen Demo点击预览 有用1 回复 嘿嘿: 我要的是父子关联,勾选父节点子节点也全部选中,取消父节点子节点也全部取消,但现在是取消父节点子节点没有被取消 回复2022-09-02 来自上海 陟上晴明: @嘿嘿 默认就是父子...
<el-tree :data="data" ref="rootTree" show-checkbox node-key="NodeId" default-expand-all :expand-on-click-node="false" :check-strictly="true" > {{ node.label }} </el-tree> <el-form ref="form" :model="form" label-width="120px"...
有个节点带 checkbox 的el-tree父子节点需要半关联,即: 1.勾选父节点,子节点不会被勾选; 2.但是勾选子节点,父节点会被勾选。 解决 第一步:实现父子节点不相互关联 子组件: 父组件: 第二步:实现勾选子节点,父节点会被勾选 关键问题是如何勾选某个节点。
选中父节点,子节点默认全选,取消一个子节点,那么这个子节点的所有父节点都取消掉选中状态,但是其兄弟节点不会受影响。 场景 场景一: 点击‘你好’,所有子节点全选中 image.png image.png 场景二: 点击‘再见’,取消‘再见’和‘你好’节点 image.png image.png 场景三:点击‘3’,最下层节点‘4’也会被选中。