场景
给某一用户绑定组织,由于组织数据量比较大,做成懒加载的树结构模式,出于与别的模块进行联动,需要把关联的选中的组织和半选的组织均存到库中,此时存在一个问题,当对该数据编辑时半选组织的回显无法实现。
解决方法
弹窗显示前先拿到选中和半选的数据,注意el-tree标签要给node-key属性,然后在树加载的方法中设置选中和半选的节点,示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| loadNode(node, resolve) { if(node.level === 0) { resolve(data) this.$refs.tree.setCheckedKeys(selectedKeyArr) } else { resolve(data) this.$refs.tree.setCheckedKeys(selectedKeyArr) } halfKeyArr.forEach(key => { const node = this.$refs.tree.getNode(key) node.indeterminate = true }) }
|