看下面代码,el-tree中回显问题,隐藏的弹窗中已经有全部的权限,现在在点击编辑权限,弹窗展示,默认勾选出已经选中的权限 let selectId = res.data.data.checkList; 权限id当前拥有 [1,2,3] this.$nextTick(() => { selectId.forEach((item) => { const node = this.$refs["menuListTree"].getNode(ite...
4.点击勾选代码 添加操作 后台需要把选中的数据checked变为true再把整个树结构传给后台完成添加 js代码 使用check时间获取选中节点 页面效果 5.编辑回显 调接口 后台给我的数据是整个树结构 选中的checked为true 没选中的为false (1)调接口把取到的树结构赋值给 :data this.departmentData = res.data.body.treeN...
在实现el-tree 的懒加载时,从数据已知是否选中状态以及半选节点list。 由于tree数据是点击一级加载一级,会存在用户修改复选框状态后,再去加载子集数据的情况,这需要以父节点的选中状态为准: 1. 父节点选中,所有子节点选中 2. 父节点不选,所有子节点不选 3. 父节点半选,子节点选中状态不变,以数据为准 所以...
我们在使用Element tree回显的时候,会发现明明这个节点下我只选了一个数据,但是在回显的时候全部都选中了,这是因为tree父子级关联的问题。 我们看Element官网,里面有一个属性是来操作父子间关联的,如下 由此,我们可以想一种笨的方法,在数据回显的时候将属性变为父子级不关联的形式,当在渲染结束的时候,我们再设置为...
但是打印this.$refs.tree.setCheckedNodes(this.checkedMenuIds));一直显示的是undefined,一开始我以为是this.$refs.tree问题,打印也可以获取到。 因为这个this.$refs.tree.setCheckedNodes(this.checkedMenuIds));一直是undefined,导致回显有问题,所以请假大佬们,该怎么解决? 想不通为啥 ...
//回显默认传进来的值setNodeChecked(code) {if(!code){ console.log("code为空")return; } let _this=thisthis.$nextTick(()=>{ setTimeout(function(){_this.$refs.tree.setCurrentKey(code); // 根据code设置选中项let node= _this.$refs.tree.getCurrentNode() // 获取当前选中项的node,以便获...
3.高亮节点必须 node-key="orgCode" 和 this.$refs.deptTree.setCurrentKey(this.dialogForm.deptCode); //设置选中,配置highlight-current后,即可高亮 4.计算当前高亮的位置 html <el-dialog:close-on-click-modal="false"title="修改部门":visible.sync="dialogVisibleDept"width="700px"@close="closeDialog...
后台系统修改权限回显,设置this.$refs.tree.setChecked(设置的唯一key, true) 当选中改变的时候 设置check-change方法就可以拿到
tree.value.setCheckedNodes(menuList.value);//默认全选if(title.value === "添加") {return; } checkStrictly.value=true;//设置el-tree严格模式let mids = getCurrentSelectIds() || "";//只是Id就可以 '10,11,12' 或者 ['10', '11', '12']//递归反选let clearChecked =function(ml) {if(...