virtual tree, based on vue3, support lazy Mode
npm install vue-virtual-lazy-treebash
安装
npm install vue-virtual-lazy-tree --save
`
Then:
`javascript
// main.js
import VueVirtualLazyTree from 'vue-virtual-lazy-tree';
import 'vue-virtual-lazy-tree/vue-virtual-lazy-tree.css';
app.use(VueVirtualLazyTree.install(app));
// 具体demo可见app.vue
const lazyLoadFun = async (node: any, resolve: any) => {
// 后台获取数据方法
const data = await getData(node.key);
resolve(data);
};
const props = {
nodeKey: "value",
value: "value",
label: "label",
children: "children",
isLeaf: "leaf",
multiple: true,
emitPath: false,
lazy: true,
lazyLoad: (node: any, resolve: any) => lazyLoadFun(node, resolve),
};
:props="props"
:nodeKey="props.nodeKey"
:load="props.lazyLoad"
:lazy="props.lazy"
:default-expanded-keys="defaultExpandKeys"
:default-checked-keys="cascadeModelKeys"
height="100%"
:indent="8"
:item-size="32"
show-checkbox
>
`
说明
`
其余属性可参考element-plus官网
``