el-tree实现懒加载，搜索功能（从后端进行搜索）。

predro

已于 2022-06-22 16:15:13 修改

阅读量3.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript 前端 vue.js

于 2022-06-22 15:08:17 首次发布

本文链接：https://blog.csdn.net/weixin_45664168/article/details/125409707

1.首先看一下效果

在这里插入图片描述

2.实现懒加载

   <el-tree
          :data="orgList"
          ref="tree"
          show-checkbox
          :props="defaultProps"
          node-key="id"
          @node-click="handleNodeClick"
          @check-change="handleClick"
          :default-expanded-keys="expandArr"
          lazy
          :load="loadNode"
        >
          <span class="custom-tree-node" slot-scope="{ node, data }">
            <span class="tree-icon">