首先需要明确回显错误的具体表现,例如是部分节点没有正确回显,还是所有节点都回显错误,或者是回显了不应该被选中的节点。 检查数据源是否正确: 确保从后台获取的数据是正确的,并且符合el-tree组件所需的数据格式。数据应包含节点的id、parentId、name等属性,并且父子节点关系应该正确。 示例数据格式: json [ { "id...
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 ...
1:问题原因:我们可能使用 this.$refs.tree.setCheckedKeys(this.defalutArr); 或者使用 :default-expanded-keys="treeDataSelect" :default-checked-keys="treeDataSelect" 来进行回显的 2.解决方法 //默认选中的树的数据setTimeout(function () { res.data.selected.forEach((value)=>{//1. 勾选节点的 key...
el-tree的数据回显问题 el-tree的数据回显问题 今天发现el-tree的数据回显有点问题，勾选了部分⼦节点，但是查看时发现被勾选的⼦节点的同级节点都被选上了。【为了防⽌失联，我厚颜⽆耻的截个图保存⼀下，侵删】
Bug Type: Component Environment Vue Version: 3.2.37 Element Plus Version: 2.2.6 Browser / OS: Chromium 102.0.5005.115 Build Tool: Vite Reproduction Related Component el-tree-select Reproduction Link Element Plus Playground Steps to repro...
el-select组件包裹el-tree组件实现数据回显 最近做项目要用到下拉框中存放树型结构的数据,在网上找到可以使用el-select包裹el-tree实现,但是总是不能实现数据的回显,用了一天时间,不断尝试,终于成功了,做个笔记,以防遗忘。 以下.json文件都是模拟数据 树型结构数据 st
el-tree组件 id过长回显显示不了#20570 goutou123opened this issueDec 14, 2020· 3 comments goutou123commentedDec 14, 2020 el-tree组件 回显时调用setCheckedKeys方法,id太长无法进行回显 cs1707added theneed: reprolabelDec 21, 2020 Author
log('树回显', this.checkedMenuIds); this.$refs.tree.setCheckedNodes(this.checkedMenuIds); //给树节点赋值 console.log('this.$refs.tree', this.$refs.tree); this.checkStrictly = false; }); }); }, 数据获取到了打印也有数据但是页面上缺是这个样子,有的勾选了,有的没有勾选一直找不到问题...
花费了一下午加一个晚上整明白症结所在:数据顺序加载问题el-tree所有数据必须先返回;然后再赋值默认已选数据