<!DOCTYPE html>
<html class="over_hidd">

<head><meta charset="UTF-8"><title>vue+element后台系统"</title>        <meta name="Author" content="Lee"><meta name="Keywords" content="vue+element后台系统"><link rel="stylesheet" href="css/public.css" /><link rel="stylesheet" href="css/element.css" />
</head>
<body class="over_hidd"><div id="app"><el-tree:data="data2"show-checkboxnode-key="id":default-expanded-keys="[2, 3]":default-checked-keys="[5]":props="defaultProps"></el-tree></div>
</body>
<script type="text/javascript" src="js/vue.js" ></script>
<script type="text/javascript" src="js/element.js" ></script>
<script>new Vue({el: '#app',data() {return {data2: [{id: 1,label: '一级 1',children: [{id: 4,label: '二级 1-1',children: [{id: 9,label: '三级 1-1-1'},{id: 10,label: '三级 1-1-2'}]}]}, {id: 2,label: '一级 2',children: [{id: 5,label: '二级 2-1'},{id: 6,label: '二级 2-2'}]}, {id: 3,label: '一级 3',children: [{id: 7,label: '二级 3-1'},{id: 8,label: '二级 3-2'}]}],defaultProps: {children: 'children',label: 'label'}};}})
</script>

</html>

作者:攻城狮Lee丶
来源:CSDN
原文:https://blog.csdn.net/zhuogan...
版权声明:本文为博主原创文章,转载请附上博文链接!

vue+element 后台管理系统(三)树形图相关推荐

  1. vue+element后台管理系统(下载excel表格)

    标题 vue后台管理系统下载excel表格 1.调用后台接口传入三个参数,url,data参数,第三个参数为一个对象,表格下载返回类型. 2.创建 Blob实列传入后台返回的数据和以对象形式声明类型参 ...

  2. SpringBoot实现代码生成器——基于SpringBoot和Vue的后台管理系统项目系列博客(十)

    系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...

  3. SpringBoot实现1对1、1对多、多对多关联查询——基于SpringBoot和Vue的后台管理系统项目系列博客(十八)

    系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...

  4. Vue + ElementUI 后台管理系统实现主题风格切换

    一.目的 此次写作内容是在我之前发布一篇文章的基础上进行新增的. 上一篇文章:Vue + ElementUI 后台管理系统实现顶部一级菜单栏,左侧二级菜单栏_无解的菜鸟晖的博客-CSDN博客 这次要实 ...

  5. SpringBoot和Vue集成Markdown和多级评论——基于SpringBoot和Vue的后台管理系统项目系列博客(二十三)

    系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...

  6. SpringBoot实现分页查询——基于SpringBoot和Vue的后台管理系统项目系列博客(七)

    系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...

  7. element+后台管理系统数据导出为excel+进度条导出

    element+后台管理系统数据导出+进度条导出 文章目录 element+后台管理系统数据导出+进度条导出 一.项目需求? 二.使用方法 1.将进度条封装成组件,需要的值通过父组件传递 2.父组件引 ...

  8. 结合 服务器+后端+前端,完成 vue项目 后台管理系统

    目录 以上是项目的服务器php.后端.前端.已经可以正常运行 一 登录: 登录页进度条:戳这里Vue项目电商后台管理系统 nprogress--进度条_活在风浪里的博客-CSDN博客 二 侧导航 三 ...

  9. 【Vue】后台管理系统

    O 项目说明 1.脚手架 vite vue-cli ==> webpack 2.vite脚手架使用 官网:https://vitejs.cn/ Vue3 vite官网:https://cn.vi ...

最新文章

  1. php while 存钱,php趣味编程 -php存钱的问题
  2. 电脑不能上网之硬件故障
  3. OSChina 周一乱弹 —— 把朋友圈的锦鲤全都抓走
  4. 盘点:2020年PMCAFF最受欢迎的文章!
  5. oracle取出对应时间间隔内的数据 between-and
  6. Ajax Extensions核心控件介绍
  7. oracle更换rac节点,Oracle-rac 更改VIP地址—2节点的
  8. ACL20 | 让笨重的BERT问答匹配模型变快!
  9. 【java】反射+poi 导出excel
  10. 如何搭建lamp(CentOS7+Apache+MySQL+PHP)环境
  11. dnf显示与服务器数据异常怎么办啊,DNF:你这该死的数据异常网络中断连接,让我心在痛泪在流...
  12. FFmpeg Video Editor
  13. 第一章 安装和使用SQL Server 2008 R2
  14. 微软宣布放弃收购雅虎
  15. springboot医院门诊挂号病历管理系统
  16. java 传输 udp_java UDP传输
  17. python mqtt publish_mqtt异步publish方法
  18. 网络安全防护之主机病毒查杀
  19. PMP项目管理知识体系思维导图全集,收藏系列
  20. 谷歌软件工程师是怎样写设计文档的?

热门文章

  1. linux下vi命令大全[转]
  2. Jsp内置对象及EL表达式的使用
  3. [Asp.net]c#中的斜杠和反斜杠
  4. POJ 2718 Smallest Difference 贪心构造
  5. 学用 ASP.Net 之 字符串 (2): string.Format
  6. systemd下supervisord服务开机自启动以及注意事项
  7. PHP ob_start() 函数介绍
  8. 你朋友圈里的广告是怎么做到合你胃口的?
  9. 物联网助推超市转型之具体应用分析
  10. (转)ZXing生成二维码和带logo的二维码,模仿微信生成二维码效果