search

wchbrad / vue-easy-tree

A tree component based on vue2.x that supports a small amount of data or a large amount of data, multiple functions, and virtual scrolling.
MIT License
130 stars 40 forks source link

请问虚拟滚动下过滤节点功能可用么 #1

Closed winkying closed 2 years ago

winkying commented 2 years ago

请问虚拟滚动下过滤节点功能可用么

wchbrad commented 2 years ago

可用的，用法和element组件一致，只是需要注意的是，大数据量下过滤节点会导致界面卡住，建议不要输入时实时过滤 后面会把这个考虑作为优化的点

winkying commented 2 years ago

image

winkying commented 2 years ago

编译报错。

wchbrad commented 2 years ago

初步判断是babel缺少jsx语法的配置，报错的这块用了jsx的语法，根目录下如果有babel.config.js文件，可以增加 module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] }

winkying commented 2 years ago

我看了这个代码和https://femessage.github.io/element/#/zh-CN/component/tree 这个是一样的，它这个在虚拟滚动下启用filter过滤功能就只能显示当前视图内的节点，不知道是不是filter方法改变节点的visible属性，但是 visibleList 对象没有监听到变化导致的

wchbrad commented 2 years ago

看了下，我跟他在虚拟滚动的底层实现上采用了不同的插件，目前我这边的组件是支持虚拟滚动下的节点过滤、拖拽和懒加载的。 如果编译报错的问题解决了，可以尝试下我这个代码，虚拟滚动下的节点过滤demo（下载后改成 .vue 后缀） demo.txt

winkying commented 2 years ago

image 谢谢大佬，大佬牛逼，确实可以了，找了一天的插件都卡顿，你的这个很丝滑，青出于蓝而胜于蓝

wchbrad commented 2 years ago

客气了，互相帮助、互相学习也是开源的意义了，你这么晚才休息也不容易 : )

lys748915881 commented 3 days ago

当前2层只高亮，第三层才过滤，把过滤节点移到可视区域外，过滤完再滑回来就会出现过滤失效