el-tree选中回显问题

最新推荐文章于 2025-06-10 18:27:48 发布

原创最新推荐文章于 2025-06-10 18:27:48 发布 · 2.9k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #el-tree

搬砖日常专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一种在前端开发中解决树形菜单权限配置时遇到的回显问题的方法。具体而言，针对父级菜单未完全选中但其ID仍需传递给后台的情况，提出了一种有效解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.常用回显

this.$refs.tree.setCheckedKeys(this.defalutArr);

常用回显会遇到的问题：

场景：类似于配置菜单权限，不管当前有没有选中父级菜单只要当前父级中有一个子级选中就需要给后台传递过去父级id。

问题：子菜单未全部选中，但是父级id在后台返回的数据中，那么子级会默认全部选中问题，这样明显是不对的

2.解决办法

             const role = [];
                            res.data.authoritys.forEach(f => { //为了解决父级没有全选中（直选中某个子级）但是数据存在父级id然后回显选中问题
                                if (!this.$refs.tree.getNode(f).childNodes || !this.$refs.tree.getNode(f).childNodes.length) {
                                    role.push(f)
                                }
                            });
                            this.$refs.tree.setCheckedKeys(role);