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
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]