1.【templete】

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

2.【data】

<script>export default {data() {return {data: [{label: '一级 1',children: [{label: '二级 1-1',children: [{label: '三级 1-1-1'}]}]}, {label: '一级 2',children: [{label: '二级 2-1',children: [{label: '三级 2-1-1'}]}, {label: '二级 2-2',children: [{label: '三级 2-2-1'}]}]}, {label: '一级 3',children: [{label: '二级 3-1',children: [{label: '三级 3-1-1'}]}, {label: '二级 3-2',children: [{label: '三级 3-2-1'}]}]}],defaultProps: {children: 'children',label: 'label'}};},methods: {handleNodeClick(data) {console.log(data);}}};
</script>

3.【用途】

可以作为菜单使用

4【使用】

为了提高效率,最初只加载一级菜单,点击一级菜单,请求后台,只加载二级菜单,以此类推,可以提升效率。

饿了么的树形控件的使用相关推荐

  1. SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题...

    转:http://blog.csdn.net/miragesky2049/article/details/7204882 SharePoint2010沙盒解决方案基础开发--关于TreeView树形控 ...

  2. treeview控件怎么使用修改发育树_树形控件在生产力工具中的设计

    惊!半年实践血泪史,3000 字深度好文,一个爱树的设计师手把手教你如何设计「树 」! 树形控件是种常见的设计模式,几乎与图形化用户界面同时诞生,通过结构化的组织方式逐级展示内容,让整体信息架构一目了 ...

  3. element-ui中el-tree树形控件-树节点的选择(选中当前节点,获取当前id并且获取其父级id)...

    在element-ui的el-tree树形控件中默认获取选取当前选中id的方法是this.$refs.tree.getCheckedKeys(); 但是如果子节点不是全部选中的话,父节点算不选中. 由 ...

  4. vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用

    vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用 参考文章: (1)vue的$nextTi ...

  5. vue树形结构html,怎么在vue中利用递归组件实现一个树形控件

    怎么在vue中利用递归组件实现一个树形控件 发布时间:2021-06-11 17:26:48 来源:亿速云 阅读:81 作者:Leah 本篇文章为大家展示了怎么在vue中利用递归组件实现一个树形控件, ...

  6. 树形控件CTreeCtrl的使用详解(一)

    树型视的三个结构TVINSERTSTRUCT.TVITEM.NMTREEVIEW TVINSERTSTRUCT 包含添加新项到树形视控件所使用的信息.这个结构被TVM_INSERTITEM消息使用.这 ...

  7. VS2010/MFC编程入门之三十(常用控件:树形控件Tree Control 上)

    前面两节为大家讲了列表视图控件List Control,这一节开始介绍一种特殊的列表--树形控件Tree Control. 树形控件简介 树形控件在Windows系统中是很常见的,例如资源管理器左侧的 ...

  8. 树形控件Tree Control

    树形控件Tree Control 前面两节为大家讲了列表视图控件List Control,这一节开始介绍一种特殊的列表--树形控件Tree Control. 树形控件简介 树形控件在Windows系统 ...

  9. 025_Tree树形控件

    1. Tree树形控件 1.1. Tree树形控件用清晰的层级结构展示信息, 可展开或折叠. 1.2. Tree树形控件内部使用了Node类型的对象来包装用户传入的数据, 用来保存目前节点的状态. 1 ...

最新文章

  1. Linux下控制环境变量
  2. python xgb模型 预测_Python 调用 PMML
  3. 热点快讯:广东省能源局发布《广东省能源局关于明确全省数据中心能耗保障相关要求的通知》
  4. Zookeeper核心工作机制(zookeeper特性、zookeeper数据结构、节点类型)
  5. 视图添加字段_Odoo开发教程2-为模型添加字段
  6. linux 生成hash值命令,linux-从给定哈希计算base64编码哈希?
  7. php有多少种占位符,php 占位符问题?
  8. android sdk方法隐藏_每个Android开发都必须知道的利器
  9. 9-4:C++多态之单继承和多继承中的虚函数表
  10. LYCMS自动采集影视视频网源码 安全无后门
  11. 京东6月18日正式登陆港交所 港股暗盘开涨超7%
  12. mysql和sqlserver读写分离_C#简单构架之EF进行读写分离+多数据库Mysql/SqlServer
  13. Spring Data REST PATCH请求远程代码执行漏洞(CVE-2017-8046) 本地复现方法
  14. 基于JAVA的教务排课系统.rar(源码+截图+数据库)
  15. Excel VBA 免密查看VBE加密代码
  16. md5加密依赖工具utility使用小记
  17. linux tcp 异常断开连接,TCP 异常断开
  18. 魔戒中超眩的武器装备!
  19. onNewIntent与singleTask
  20. java thread 匿名_Java 匿名内部类

热门文章

  1. [iOS]Size Class不同尺寸适配的是什么样的机型(实验向)
  2. 蓝桥杯(纯C)比赛--菜鸟级
  3. java微信支付 需要证书吗_java引用微信支付的p12证书文件
  4. python pppoe拨号_Python实现PPPOE攻击工具
  5. 拳王虚拟项目公社:如何通过SEO优化分析建网站赚钱?
  6. GitHub 又一黑科技项目面世!网友惊呼:这也太强了
  7. 使用div制作表格效果
  8. c语言计次循环首,易语言内存读取获得当前PC已经登陆微信号的代码
  9. 基于Springboot + Thymeleaf 的招聘网站(源代码+数据库) 026
  10. 在c51语言中当while语句中条件,在C51语言中,当do-while语句中的条件为( )时,结束循环。...