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 来加载数据

1. <template>
2.   
3.     <vxe-button status="primary" @click="expandAllEvent">展开所有</vxe-button>
4.     <vxe-button status="primary" @click="clearAllEvent">关闭所有</vxe-button>
6.     <vxe-tree ref="treeRef" v-bind="treeOptions"></vxe-tree>
7.   
8. </template>

复制代码

连接线

1. <template>
2.   
3.     <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>
4.   
5. </template>

复制代码

过滤节点

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

1. <template>
2.   
3.     <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>
4.   
5. </template><template>
6.   
7.     <vxe-tree :data="treeList" transform show-checkbox show-line></vxe-tree>
8.   
9. </template>      

复制代码

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

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

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

感谢分享