element-ui 关于树形结构el-tree的笔记_elementui tree isleaf-程序员宅基地

技术标签： vue

首先尝试了下懒加载。发现是时候会出现无法加载数据以及数据重新加载的问题，古世勇一次性给加载上去。

首先说一次性加载的适用方法

先确定tree的配置文件

         label: 'name',
        chcildren: 'children',
        isLeaf: 'leaf'

看官网说明
在这里插入图片描述
label 就是你显示ui的值
chcildren 就是你下级目录的全部数据
isLeaf 指定一个字段是否为子节点。为ture时不为子节点

所以数据结构为

data:[
	{
		id": 主键,
      "name": "名称",
      "children": [ // 子节点的数据
	        {
	          "id": 主键,
	          "name": "名称",
	          "leaf": true //不为子节点
	        }
        ]
	}
]

如果你用懒加载的话
要加上两个属性，去掉：data属性
在这里插入图片描述

             <!-- 直接加入全部数据  :data="TreeData" -->
             <el-scrollbar style="height:100%;">
                <el-tree
                  :props="props"
                  node-key="id"
                  :load="loadNode"
                  lazy
                  ref="tree"
                  :expand-on-click-node="false"
                  @check-change="handleCheckChange"
                  show-checkbox>
                </el-tree>
              </el-scrollbar>

在这里插入图片描述

注意为什么我要判断data.leaf ，因为我只需要二级节点的ID，且二级节点有leaf 这个属性且全部为ture

使用懒加载的话
绑定数据一定要用到

   setTimeout(() => {
          resolve(xxx)
        }, 500)

这个才能绑定。我认为应该是一个延时处理渲染吧

本文链接：https://blog.csdn.net/qq_28218253/article/details/102931385

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

spring -- 2、springIOC_spring ioc 获取ioc容器中的具体对象,需要强制类型转换-程序员宅基地

文章浏览阅读172次。1、普通创建项目方式：java文件：UserDao（用户访问接口）public interface UserDao { public void getUser();}java文件： UserDaoImpl（用户访问）public class UserDaoImpl implements UserDao { @Override public void getUser() { System.out.println("获取用户"); }_spring ioc 获取ioc容器中的具体对象,需要强制类型转换

weblogic历史漏洞利用-程序员宅基地

文章浏览阅读146次。weblogic部分漏洞利用

并行导出clob大表_exclude="constraint,grant,index,statistics-程序员宅基地

文章浏览阅读499次。#!/bin/bashchunk=10for ((i=0;i<=9;i++));doexpdp cis/cis123890@cisdb TABLES=MEDICAL_CHECK_SYSINFO_H QUERY=MEDICAL_CHECK_SYSINFO_H:\"where mod$dbms_rowid.rowid_block_number\(rowid$\, ${chunk}\) = ${i}\" directory=DMP dumpfile=MEDICAL_CHECK_SYSINFO_._exclude="constraint,grant,index,statistics

不义联盟网站无法连接服务器,不义联盟：人间之神无法连接服务器是什么原因...-程序员宅基地

文章浏览阅读876次。不义联盟：人间之神无法连接服务器是什么原因，相信大家在玩不义联盟：人间之神的过程中，经常会遇到这样的问题，下面ourplay小编就简单为大家介绍几种常见的解决方案。不义联盟：人间之神游戏简介《不义联盟：人间之神》是一款超级英雄格斗类游戏。游戏中，玩家可以选择自己喜欢的美国超级英雄进行对战。还原度极高的英雄形象，加上逼真的场景，使玩家身临其境。以前经常讨论的这些超级英雄究竟谁最厉害？是超人?蝙蝠侠？..._不义联盟二服务器维护什么意思

java学习笔记之webservice（四）--用Myeclipse在web项目中发布WebService_myeclipse java接口发布-程序员宅基地

文章浏览阅读2.5k次。》》接上一篇准备工作：1、新建一个web项目；2、定义服务的接口Speaker：package com.beauxie.webservice;import javax.jws.WebService;/** * 定义服务的接口 * @author * */@WebService//此注解用在类上指定将此类发布成一个WebServicepublic in_myeclipse java接口发布

设置一段代码执行的超时时间的简单方法-程序员宅基地

文章浏览阅读1.9k次。前段时间在搞一个批量处理程序，涉及到多线程操作。但是后台服务很不给力，并发一大常常就挂了，长时间不给返回，导致我的程序也挂死在那里……那么能不能设置一段代码执行的超时时间呢？如果处理超时就忽略该错误继续向下执行。可是在网上搜了大半天，找到的都是无用的代码，根本不能用。查了大量资料后发现，java早已经给我们提供了解决方案。jdk1.5自带的并发库中Future类就能满足这个..._怎么在sychronied代码块中添加超时时间

随便推点

php-Arrays 函数-array_intersect_ukey-用回调函数比较键名来计算数组的交集_function func($a, $b) { return 0; } $newarray = ar-程序员宅基地

文章浏览阅读291次。array_intersect_ukey() 用回调函数比较键名来计算数组的交集【功能】该函数将返回一个数组，该数组包含了所有在array1中但是不在其他任何参数数组中的键名的值。此比较是通过用户提供的回调函数进行的。如果认为第一个参数小于、等于、或大于第二个参数时，必须_function func($a, $b) { return 0; } $newarray = array_intersect_ukey($array1

第四章触发器练习题答案_创建一张emp1的日志记录表,emp1_log,日志记录表的字段为emp1表的字段, 并且在emp1-程序员宅基地

文章浏览阅读8k次，点赞3次，收藏15次。1、（1）创建一张emp1的日志记录表，emp1_log,日志记录表的字段为emp1表的字段，并且在emp1表的字段基础上添加三个字段信息elogno (日志主键), execdesc(操作描述)，操作时间（exectime）创建序列，用来生成日志表的主键信息 create table emp1_log as select * from emp1 where 1=2; –要记住：..._创建一张emp1的日志记录表,emp1_log,日志记录表的字段为emp1表的字段, 并且在emp1