virtual-tree虚拟化树形控件-解决数据量大时卡顿问题

具体插件文档地址

virtual-tree: 虚拟化树形控件，致力于解决数据量过大导致页面卡顿甚至崩溃问题https://gitee.com/sangtian152/virtual-tree

安装

npm install @sangtian152/virtual-tree --save
# or 
yarn add @sangtian152/virtual-tree

引入

import Vue from 'vue';
import VlTree from '@sangtian152/virtual-tree';
import "@sangtian152/virtual-tree/lib/vl-tree.css";

Vue.use(VlTree);

示例网址 虚拟化树形控件 | Virtual Tree虚拟化树形控件，致力于解决数据量过大导致页面卡顿甚至崩溃问题https://sangtian152.github.io/virtual-tree/zh/demo/#%E5%9F%BA%E7%A1%80%E7%94%A8%E6%B3%95

注意点：

1.数据的 唯一key，字段不为value时，需要自定义设置props中对应的字段名，避免页面不显示内容

2.插件的 check-on-click-node属性（是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点）设置为true时，点击非checkbox的地方 check-change

check-change

节点选中状态发生变化时的回调

(data: TreeNodeData, checked: boolean)

不能正确调用，方法第二个参数总返回为true，（看了下源码这种情况他调用方法的时候第二个参数一直传true）