ZIPel-tree虚拟滚动 15.6KB

m0_53265725

资源文件列表:

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)"`` ### 完整例子 ```` <el-virtual-tree :data="treeData" node-key="id" height="calc(100vh - 210px)" // 设置该属性则开启虚拟滚动 > ... </el-virtual-tree> ```
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPQT实现自定义多边形维度图4.62KB9月前
    ZIP串口转键盘工具小程序1194.89KB9月前
    ZIPzotero各种插件，包含翻译，预览，文献管理，影响因子等等1.78MB9月前
    ZIPnopCommerce界面效果1.82MB9月前
    ZIP企业微信scrm源码相关2MB9月前
    ZIP算法设计与分析勇者斗恶龙;挖隧道问题;消消乐问题;Shacozzz的生财之道;蜘蛛纸牌7.47MB9月前
    ZIPms2国密加密java包109.87KB9月前
    ZIP3GPP TS 23.256 技术报告-无人机系统（UAS）的连接、识别和跟踪1.56MB9月前