解决Element-ui el-tree数据与显示不对应的问题

如图:

后端返回的权限列表,并没有列表 这一项,但是由于父节点 版本打包为选中状态,导致所有子节点都为选中状态。

实现代码如下:

html 复制代码
<el-tree
    ref="tree"
    :data="records"
    show-checkbox
    node-key="id"
    :default-expanded-keys="expandedKeys"
    :default-checked-keys="checkedKeys"
    :props="defaultProps"
/>
javascript 复制代码
this.$refs.tree.setCheckedKeys(checkedKeys);

问题原因:

使用 setCheckedKeys 会存在这个问题,使用 setChecked 可以解决这个问题。

实现代码如下:

复制代码
this.$nextTick(function(){
    var self = this;
    checkedKeys.forEach((value) => {
        self.$refs.tree.setChecked(value, true, false);
    });
})
相关推荐
逸铭3 分钟前
Day 8:Preload 是什么?——在别人的网页里打黑工还要合规
前端·客户端
张元清4 分钟前
React useLocalStorage Hook:SSR 安全的持久化状态(2026)
javascript·react.js
甜味弥漫8 分钟前
React Router:从单页应用到前端路由
javascript·node.js
柒和远方10 分钟前
Worker Readiness:为什么 `/health` 不能证明后台任务能跑
前端·后端·架构
lkshop11 分钟前
Next.js 网站 SEO 优化:从 SSR、Sitemap 到结构化数据
开发语言·javascript·ecmascript
吃糖的小孩12 分钟前
Web Owner Console 还没写前端,我先给它设计 read model
前端
析数塔13 分钟前
2026前端框架深度解析:React Compiler、Angular Zoneless、Vue 3.5重写游戏规则
前端·vue.js·react.js
嘟嘟071714 分钟前
Node.js spawn 实现迷你 Cursor 自动化终端|子进程完整解析
前端·后端·面试
程序员Agions15 分钟前
ES2026,早该这样了
前端·javascript
ONE_SIX_MIX15 分钟前
lightweight-charts-onesixth v2.8.1 → v3.1.1 更新总览
java·前端·python