``` 本组件是使用el-tree的源码结合虚拟滚动插件vue-virtual-scroll-list二次封装的js组件,适用于大数据量的树形图,目前最多支持20W+左右的数据,可支持el-tree的懒加载等内置方法。
npm install virtual-tree-bonc
本组件是使用el-tree的源码结合虚拟滚动插件vue-virtual-scroll-list二次封装的js组件,适用于大数据量的树形图,目前最多支持20W+左右的数据,可支持el-tree的懒加载等内置方法。
所以在使用时,项目中会自动安装elementUI和vue-virtual-scroll-list这两个vue插件。
在使用过程中,除了ts项目需要注意一些额外事项,组件内置方法和属性用法完全参考elementUI的el-tree组件。
`
$3
- nuxt工程plugins文件夹中需要先注册组件 XXX.ts
import Vue from 'vue';
import VirtualTree from 'virtual-tree-bonc';
Vue.component('XXX', bigTree);
- nuxt.config.ts中需要先注册本组件为client组件。
{
src: '~/plugins/virtualtree.ts',
mode: 'client',
}
- ts项目中引入js插件,需要配置 xxx.d.ts文件
新建xxx.d.ts文件,里面写一行代码
declare module 'VirtualTree';
$3
npm pack
- npm pack 之后,会在当前目录下生成一个 xx-btn-1.0.0.tgz 的文件。
- 打开一个项目,将压缩文件放到项目某个目录下,执行命令
- npm install 路径\xx-btn-1.0.0.tgz
- 路径是指压缩包所在的绝对路径,文件名必须是压缩包的全名
$3
`
npm loginnpm publish
npm unpublish webpack-npm@0.1.8 //指定版本号
`$3
```