下载资源前端资源详情
el-virtual-tree-main.zip
大小:15.6KB
价格:41积分
下载量:0
评分:
5.0
上传者:m0_53265725
更新日期:2025-09-22

el-tree虚拟滚动

资源文件列表(大概)

文件名
大小
el-virtual-tree-main/
-
el-virtual-tree-main/README.md
1.18KB
el-virtual-tree-main/index.js
123B
el-virtual-tree-main/mixin/
-
el-virtual-tree-main/mixin/node.js
3.66KB
el-virtual-tree-main/model/
-
el-virtual-tree-main/model/node.js
11.49KB
el-virtual-tree-main/model/tree-store.js
8.05KB
el-virtual-tree-main/model/util.js
680B
el-virtual-tree-main/package.json
603B
el-virtual-tree-main/tree-node.vue
4.49KB
el-virtual-tree-main/tree-virtual-node.vue
3.28KB
el-virtual-tree-main/tree.vue
15.38KB

资源内容介绍

el-tree虚拟滚动
# el-virtual-treeel-tree 支持虚拟滚动### Attributes、props、方法、Events与 [el-tree](https://element.eleme.cn/#/zh-CN/component/tree) 一致### 依赖插件``vue-virtual-scroll-list``### 使用方法(使用前请确认已引入 [element-ui](https://element.eleme.cn/#/zh-CN/component/tree) )#### 第一步 安装依赖``npm i vue-virtual-scroll-list``#### 第二步 导入组件在你的项目组件目录中(一般为``src/components``)新建文件夹``el-virtual-tree``,将本项目所有文件粘贴至该文件夹按需引入``import ElVirtualTree from '@/src/components/el-virtual-tree'``vue components引入组件``components: { ElVirtualTree }``或者全局引入````import Vue from 'vue';import ElVirtualTree from '@/src/components/el-virtual-tree;Vue.use(ElVirtualTree)````### 使用说明设置组件高度``height``属性开启虚拟滚动,否则不开启。``height``属性为字符类型,需自带单位,例:``height="300px"`` ``height="calc(100vh - 200px)"``### 完整例子````<el-virtual-tree:data="treeData"node-key="id"height="calc(100vh - 210px)" // 设置该属性则开启虚拟滚动>...</el-virtual-tree>```

用户评论 (0)

发表评论

captcha