Element Plus Tree 树 回显

 <el-form-item label="菜单权限">
              <el-tree :data="navList" ref="treeRef"    node-key="menuId" highlight-current=“true” :props="defaultProps"  @check="checked"   show-checkbox class="menu-data-tree" />
 </el-form-item>
 
const defaultProps = {
  children: 'children',
  id:"menuId",
  label: 'title',
  disabled: 'disabled'
}
1
2
3
4
5
6
<br>//返回的是id 数组<br>for(var item in res.data)<br>{
   var node=treeRef.value.getNode(res.data[item])
  if(node.isLeaf)<br>  {
    treeRef.value.setChecked(node,true)
  }
}

  

 

 这里是搞个回显最开始是有问题的,要不就是 父节点选中,子节点不管选没选中,都会选中。然后用check-strictly  解决前面问题,但是 点击父节点 就只会 选择父节点,子节点不会选中

  不要在tree中加 lazy会导致选不上,看了文档  用 isLeaf  要加lazy,搞了大半天不行去除后就ok

 

posted @   孤海飞雁  阅读(281)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示