解决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);
    });
})
相关推荐
计算机魔术师17 小时前
Microsoft Research 与合作者证明 31 年历史的 KLS 猜想
前端
vx_Biye_Design17 小时前
django房屋租赁推荐系统78455-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·django·课程设计·express
weixin_4173968317 小时前
桌面云终端PXE启动失败怎么排查?从DHCP Option到镜像下发
开发语言·前端·php·技术·酒店·综合布线·弱电
OpsEye18 小时前
怎么实现大模型的按用户、按应用配额限流?
javascript·ai编程
林恒smileZAZ18 小时前
浏览器为什么加载不了超大图片
前端·vue.js·html5
hhwyqwqhhwy18 小时前
设备树之 provider 和 consumer
java·linux·前端
云舜言传18 小时前
Bloom 手势演示操作 · 录屏指南
javascript·深度学习·机器学习
垆边人似月.19 小时前
Python中如何使用get函数实现频次查询
服务器·前端·python
moshuying20 小时前
DeepSeek开源生产级推理框架DeepInfer:单集群一天处理155万亿token,这意味着什么?
前端
子兮曰21 小时前
PHP漏洞危机,你的网站升级了吗?
前端·后端·php