首页 > 其他分享 >Element Plus Tree 树 回显

Element Plus Tree 树 回显

时间:2023-04-13 18:33:50浏览次数:40  
标签:node 回显 Tree id disabled Plus 选中 节点

 <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' }


//返回的是id 数组
for(var item in res.data)
{    var node=treeRef.value.getNode(res.data[item])   if(node.isLeaf)
  { treeRef.value.setChecked(node,true)   } }

  

 

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

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

 

标签:node,回显,Tree,id,disabled,Plus,选中,节点
From: https://www.cnblogs.com/liujian1368928/p/17315994.html

相关文章

  • TreeMap源码
          常见面试题:    ......
  • 老冯笔记MyBatisPlus&lombok
    1.MyBatis-Plus介绍参考资料官方指南:https://baomidou.com/pages/24112f/#特性官方配置:https://baomidou.com/pages/56bac0/GitHub:https://github.com/baomidou/mybatis-plus特点只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑。只需简单配置,即可快速进行......
  • 在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
    Vue3的UIFramework中有Element-Plus、BalmUI、Quasar、PrimeVue、AntDesignVue等UIFramework.Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较多,就选择了Element-Plus作为这个Blog项目的UIFramework.UIFramework的好处就是提供了......
  • 自己动手,通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果
    最近更新一个Blazorserver的项目,顺带把用到的Ant-Design-Blazor升级到了最新的0.14.4,结果发现之前在0.8.4版本中Tree组件的搜索显示效果变了,从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果,为了节省用户沟通成本(就是懒得跟最终用户费口舌解释),于是自己动手把这个......
  • mybatisPlus-增删改查
    引入依赖<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.or......
  • Mybatis-Plus如何自定义SQL注入器?
    有关Mybatis-Plus常用功能之前有做过一篇总结:MyBatisPlus常用功能总结!(附项目示例)一、什么是SQL注入器我们在使用Mybatis-Plus时,dao层都会去继承BaseMapper接口,这样就可以用BaseMapper接口所有的方法,BaseMapper中每一个方法其实就是一个SQL注入器在Mybatis-Plus的核心(core......
  • TreeMap
        ......
  • Office Tool Plus
    OfficeToolPlus/windows下载链接:https://pan.baidu.com/s/1FFX14Mb83N5nd6fiaUwZog提取码:bzho这是一款支持在线安装并激活Office各个版本的软件,免安装,双击“exe”运行程序即可打开软件。进入软件后,我们只需要点击左侧的“部署”按钮。在此界面中点击“添加产品”按钮选择......
  • Vue3+element-plus封装文字超出一行,省略号显示,鼠标悬浮展示全部
    1.组件封装<template><el-tooltipeffect="dark":disabled="isShowTooltip":content="content"placement="top"><p:class="['line1',className]"@mouseover="onMouseOver(refNa......
  • UVa 112 Tree Summing (scanf()去空格&递归&二叉树遍历)
    112-TreeSummingTimelimit:3.000secondshttp://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&problem=48BackgroundLISPwasoneoftheearliesthigh-levelprogramminglanguagesand,withFORTRAN,isoneoft......