解决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);
    });
})
相关推荐
天蓝色的鱼鱼12 小时前
写Tailwind CSS像在写屎山?这锅该不该它背
前端·css
#做一个清醒的人12 小时前
【Electron】IpcMainEvent 参数使用总结
前端·electron
月弦笙音12 小时前
【包管理器】pnpm、npm、cnpm、yarn 深度对比
前端
吹水一流13 小时前
微信小程序页面栈:从一个 Bug 讲到彻底搞懂
前端·微信小程序
j***827013 小时前
【MyBatisPlus】MyBatisPlus介绍与使用
android·前端·后端
Python大数据分析@13 小时前
我把pdfplumber整成了可以拖拉拽的web软件
前端·pdf
小华同学ai13 小时前
终于有人帮你整理好了,火爆的“系统级提示词”支持ChatGPT、Claude、Gemini、xAI的
前端·后端·github
葡萄城技术团队13 小时前
SpreadJS 电子表格权限管控设置指南
前端
HashTang13 小时前
一个人就是一支队伍:从 Next.js 到显示器,聊聊我的“全栈续航”方案
前端·后端·程序员
朕的剑还未配妥13 小时前
vue2中transition使用方法解析,包含底部弹窗示例、样式未生效踩坑记录
前端·vue.js