elementui树形控件节点过滤的使用

helenjuan

于 2022-06-23 16:29:44 发布

阅读量1.3k

点赞数 1

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

本文链接：https://blog.youkuaiyun.com/helenjuan/article/details/125429369

版权

本文介绍如何在ElementUI中实现树形控件的节点过滤，并在过滤后展开相关节点。通过使用CircularJSON处理JSON数据，解决大数据量时的显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现的功能：

树形控件的节点过滤之后获取过滤之后的数据
由于树形数据较多默认不展开全部，当过滤之后展开节点
这里处理JSON数据使用了CircularJSON

<el-tree
  ref="unitTree"
  node-key="id"
  :current-node-key="currentId"
  :highlight-current="true"
  :data="data"
  :props="defaultProps"
  @node-click="handleNodeClick"
  :filter-node-method="filterNode"
>
  <span
    class="over"
    slot-scope

最低0.47元/天解锁文章