4.点击勾选代码 添加操作 后台需要把选中的数据checked变为true再把整个树结构传给后台完成添加 js代码 使用check时间获取选中节点 页面效果 5.编辑回显 调接口 后台给我的数据是整个树结构 选中的checked为true 没选中的为false (1)调接口把取到的树结构赋值给 :data this.departmentData = res.data.body.treeN...
el-tree回显问题 看下面代码,el-tree中回显问题,隐藏的弹窗中已经有全部的权限,现在在点击编辑权限,弹窗展示,默认勾选出已经选中的权限 let selectId = res.data.data.checkList; 权限id当前拥有 [1,2,3] this.$nextTick(() => { selectId.forEach((item) => { const node = this.$refs["menuListTre...
记el-tree 懒加载复选框回显的坑 由于tree的数据量大,一次返回的数据量会很慢,所以采用了懒加载lazy来实现。 在实现el-tree 的懒加载时,从数据已知是否选中状态以及半选节点list。 由于tree数据是点击一级加载一级,会存在用户修改复选框状态后,再去加载子集数据的情况,这需要以父节点的选中状态为准: 1. 父节...
log('回显', this.$refs.tree.setCheckedNodes(this.checkedMenuIds)); }, 0); }); }); 上面方法是在点击选中下拉框值的时候调用: // 选择角色 handleRoleChange() { if (this.form.roleId) { getMenuList({ appId: this.form.appId, }).then((res) => { if (!res) return; this.treeData ...
我们在使用Element tree回显的时候,会发现明明这个节点下我只选了一个数据,但是在回显的时候全部都选中了,这是因为tree父子级关联的问题。 我们看Element官网,里面有一个属性是来操作父子间关联的,如下 由此,我们可以想一种笨的方法,在数据回显的时候将属性变为父子级不关联的形式,当在渲染结束的时候,我们再设置为...
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方法就可以拿到
回显js: //回显默认传进来的值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() // 获取当前选中项的nod...
//回显默认传进来的值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,以便获...