陶田田 发表于 2025-9-26 10:45:45

vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法

vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法
查看官网：https://vxeui.com
gitbub：https://github.com/x-extends/vxe-pc-ui
gitee：https://gitee.com/x-extends/vxe-pc-ui
上万节点数据


当数据量达到上万时，通过数据双向绑定将会影响性能，可以通过调用 loadData 来加载数据
<template>

    <vxe-button status="primary" @click="expandAllEvent">展开所有</vxe-button>
    <vxe-button status="primary" @click="clearAllEvent">关闭所有</vxe-button>

    <vxe-tree ref="treeRef" v-bind="treeOptions"></vxe-tree>

</template>连接线



<template>

    <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>

</template>过滤节点

通过 filter-value 就可以设置过滤功能，通过 filter-config.autoExpandAll 来设置过滤后自动展开与收起

<template>

    <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>

</template><template>

    <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>

</template>      https://gitee.com/x-extends/vxe-pc-ui

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

染悄 发表于 2025-10-17 00:41:53

喜欢鼓捣这些软件，现在用得少，谢谢分享！

袁曼妮 发表于 2025-11-1 02:28:08

感谢分享

廖彗云 发表于 2025-12-9 04:05:30

东西不错很实用谢谢分享

港髁 发表于 2025-12-13 15:58:23

感谢分享

祺簇 发表于 2025-12-26 03:45:01

谢谢分享，辛苦了

厂潺 发表于 2025-12-31 02:41:30

热心回复！

裴涛 发表于 2026-1-16 11:55:37

分享、互助 让互联网精神温暖你我

左丘雅秀 发表于 2026-1-21 03:25:55

谢谢楼主提供！

刘凤 发表于 2026-1-21 11:27:39

感谢，下载保存了

扫恢怯 发表于 2026-1-21 19:42:40

这个有用。

慕疼 发表于 2026-1-24 12:33:23

很好很强大我过来先占个楼 待编辑

申倩语 发表于 2026-1-25 09:12:25

分享、互助 让互联网精神温暖你我

静轾 发表于 2026-2-4 04:34:07

感谢分享，下载保存了，貌似很强大

卜笑 发表于 2026-2-8 08:04:46

前排留名，哈哈哈

梁丘艷蕙 发表于 2026-2-8 09:14:51

前排留名，哈哈哈

锑砖 发表于 2026-2-8 16:21:19

yyds。多谢分享

寇油 发表于 2026-2-10 11:33:29

热心回复！

锑砖 发表于 2026-2-10 14:39:18

热心回复！

福清婉 发表于 2026-2-13 19:41:50

这个有用。
页: [1] 2
查看完整版本: vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法