解决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);
    });
})
相关推荐
青山Coding11 小时前
Cesium应用(八):物体运动的实现思路
前端·cesium
用户416596736935511 小时前
Android WebView 加载 file:// 离线页面调试教程
android·前端
Asmewill11 小时前
curl命令学习笔记一
前端
我是一只快乐的小螃蟹11 小时前
1.2 ArrayList 源码解析
前端
星栈11 小时前
我用 Rust + Dioxus 做了个全栈跨平台笔记应用:再把新建、编辑和交付补上
前端·rust·前端框架
我是一只快乐的小螃蟹11 小时前
1.1 HashMap (JDK1.8) 源码解析
前端
爱勇宝14 小时前
小红花成长新版:模板来了,鼓励也更容易开始
前端·后端·程序员
竹林81815 小时前
Solana前端开发:我在一个NFT铸造页面上被@solana/web3.js的Connection和Transaction签名坑了两天
前端
冬奇Lab15 小时前
每日一个开源项目(第144篇):ai-website-cloner-template - 一条命令、多 Agent 并行,把任意网站逆向成 Next.js 代码
前端·人工智能·开源
玄玄子15 小时前
webpack publicPath作用原理
前端·webpack·程序员