elementUI封装好了一个filter方法，可以供我们来对tree的节点进行过滤筛选，
但是今天做项目的时候忽然发现一个问题：官方文档给的示例中，如果我输入一个节点的关键字，其子节点不能显示出来。我刚刚接触elementUI，想请教一下各位大 神们有什么方法可以解决这个问题？
关于elementUI的tree组件筛选过滤问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2021-08-27 15:28回答 2 已采纳 可以看下这篇文章 (Elementui) el-tree 中英文过滤以及搜索到父子显示子节点，搜索到子节点显示父节点(filter-node-method) - lpmou - 博客园 案例下
- 2023-04-10 17:30回答 2 已采纳 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7493230我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中使用el-tree渲染树形层
- 2023-01-18 10:21回答 1 已采纳 在使用 el-tree 时，可以通过自定义 filter-node-method 方法来实现筛选功能。filter-node-method 接受三个参数，分别为当前节点、关键字、节点数据。 你可以在这
- 2021-12-13 14:16半城繁华半城殇的博客 filterNode (value, data, node) { if (!value) return true return node.data.tab_name.indexOf(value) !== -1 || (node.parent.data.tab_name && node.parent.data.tab_name.indexOf(value) !...
- 2023-01-09 23:19回答 1 已采纳 el-tree组件提供了一个属性checkStrictly来控制父子节点的选择关系。当 checkStrictly 设置为 true 时，父子节点的选择不再关联，父节点的半选状态也不会出现。 使用方法
- 2023-02-27 10:35回答 5 已采纳 那你 需要 给 tree 加个展开的监听事件 。展开时请求对应的接口，并且传递参数 。获取到数据更新 。官网示例可以参考一下https://element.eleme.io/#/zh-CN/compo
- 2021-10-14 15:38回答 2 已采纳 把你的name 换成 label
- 2021-04-07 10:22前端李小白的博客 最近有个需求是需要获取过滤后的 Tree组件数据， 看了一下element的文档，发现没有这个api，然后看了一下tree组件的数据，也没找到过滤后的数据，最后发现，element是通过Nodetree控制一个visible的变量来控制节点...
- 2022-04-08 09:58回答 2 已采纳 这个element-ui肯定做不到的，应为你的子对象都没有，它怎么可能获取的到呢。所以要自己获取，获取方法就是：拿你获取到的对象去在原始数据中查找它的所有子对象。
- 2023-02-09 16:57回答 4 已采纳 <template> <div class="main"> <div class="tree-css"> <
- 2023-04-21 19:08回答 3 已采纳 可远程帮你查看，解决
- 2021-11-10 09:46LiX07的博客 elementui下拉框子节点过滤保存父节点及子节点 组件应用部分 **需绑定 :filter-node-method=“filterNode” <section class="head-container"> <el-input placeholder="输入关键字进行过滤" v-model=...
- 2019-01-27 13:19回答 2 已采纳 element UI 上的 tree 没有直接提供这样的功能 , 可以自己把 "自定义节点内容" 改一下就可以了; num是后面的标数 ![图片说明](https://img-ask.csdn.
- 2021-08-25 14:25牛先森家的牛奶的博客 elementUI树形结构过滤后展示数据和多选框选择问题 <template> <div> <div class="flex mt14"> <InputSelect title="品牌" :options="taskObj" class="ml20" @change="handleBrand" :val=...
- 2022-11-20 12:22摸鱼少侠梁先生的博客 j++) { if (checkedIds[j] === this.showPerson[i].code) { checkedIds.splice(j, 1) } } } } // 通过过滤后的数组，去删除全选父节点中多余的节点 checkedIds.forEach((item) => { const node = this.$refs.tree....
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月3日-
已采纳回答
9月3日
-
创建了问题
8月27日
悬赏问题
- ¥15 请完成下列相关问题！
- ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
- ¥15 求daily translation（DT）偏差订正方法的代码
- ¥15 js调用html页面需要隐藏某个按钮
- ¥15 ads仿真结果在圆图上是怎么读数的
- ¥20 Cotex M3的调试和程序执行方式是什么样的？
- ¥20 java项目连接sqlserver时报ssl相关错误
- ¥15 一道python难题3
- ¥15 牛顿斯科特系数表表示
- ¥15 arduino 步进电机