首页下载资源前端el-tree虚拟滚动

ZIPel-tree虚拟滚动

m0_5326572515.6KB需要积分:1

资源文件列表:

el-virtual-tree-main.zip 大约有13个文件
  1. el-virtual-tree-main/
  2. el-virtual-tree-main/README.md 1.18KB
  3. el-virtual-tree-main/index.js 123B
  4. el-virtual-tree-main/mixin/
  5. el-virtual-tree-main/mixin/node.js 3.66KB
  6. el-virtual-tree-main/model/
  7. el-virtual-tree-main/model/node.js 11.49KB
  8. el-virtual-tree-main/model/tree-store.js 8.05KB
  9. el-virtual-tree-main/model/util.js 680B
  10. el-virtual-tree-main/package.json 603B
  11. el-virtual-tree-main/tree-node.vue 4.49KB
  12. el-virtual-tree-main/tree-virtual-node.vue 3.28KB
  13. el-virtual-tree-main/tree.vue 15.38KB

资源介绍:

el-tree虚拟滚动
# el-virtual-tree el-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)"`` ### 完整例子 ```` ... ```
100+评论
captcha