vue+element 后台管理系统(三)树形图
<!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 后台管理系统(三)树形图相关推荐
- vue+element后台管理系统(下载excel表格)
标题 vue后台管理系统下载excel表格 1.调用后台接口传入三个参数,url,data参数,第三个参数为一个对象,表格下载返回类型. 2.创建 Blob实列传入后台返回的数据和以对象形式声明类型参 ...
- SpringBoot实现代码生成器——基于SpringBoot和Vue的后台管理系统项目系列博客(十)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现1对1、1对多、多对多关联查询——基于SpringBoot和Vue的后台管理系统项目系列博客(十八)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- Vue + ElementUI 后台管理系统实现主题风格切换
一.目的 此次写作内容是在我之前发布一篇文章的基础上进行新增的. 上一篇文章:Vue + ElementUI 后台管理系统实现顶部一级菜单栏,左侧二级菜单栏_无解的菜鸟晖的博客-CSDN博客 这次要实 ...
- SpringBoot和Vue集成Markdown和多级评论——基于SpringBoot和Vue的后台管理系统项目系列博客(二十三)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现分页查询——基于SpringBoot和Vue的后台管理系统项目系列博客(七)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- element+后台管理系统数据导出为excel+进度条导出
element+后台管理系统数据导出+进度条导出 文章目录 element+后台管理系统数据导出+进度条导出 一.项目需求? 二.使用方法 1.将进度条封装成组件,需要的值通过父组件传递 2.父组件引 ...
- 结合 服务器+后端+前端,完成 vue项目 后台管理系统
目录 以上是项目的服务器php.后端.前端.已经可以正常运行 一 登录: 登录页进度条:戳这里Vue项目电商后台管理系统 nprogress--进度条_活在风浪里的博客-CSDN博客 二 侧导航 三 ...
- 【Vue】后台管理系统
O 项目说明 1.脚手架 vite vue-cli ==> webpack 2.vite脚手架使用 官网:https://vitejs.cn/ Vue3 vite官网:https://cn.vi ...
最新文章
- php while 存钱,php趣味编程 -php存钱的问题
- 电脑不能上网之硬件故障
- OSChina 周一乱弹 —— 把朋友圈的锦鲤全都抓走
- 盘点:2020年PMCAFF最受欢迎的文章!
- oracle取出对应时间间隔内的数据 between-and
- Ajax Extensions核心控件介绍
- oracle更换rac节点,Oracle-rac 更改VIP地址—2节点的
- ACL20 | 让笨重的BERT问答匹配模型变快!
- 【java】反射+poi 导出excel
- 如何搭建lamp(CentOS7+Apache+MySQL+PHP)环境
- dnf显示与服务器数据异常怎么办啊,DNF:你这该死的数据异常网络中断连接,让我心在痛泪在流...
- FFmpeg Video Editor
- 第一章 安装和使用SQL Server 2008 R2
- 微软宣布放弃收购雅虎
- springboot医院门诊挂号病历管理系统
- java 传输 udp_java UDP传输
- python mqtt publish_mqtt异步publish方法
- 网络安全防护之主机病毒查杀
- PMP项目管理知识体系思维导图全集,收藏系列
- 谷歌软件工程师是怎样写设计文档的?
热门文章
- linux下vi命令大全[转]
- Jsp内置对象及EL表达式的使用
- [Asp.net]c#中的斜杠和反斜杠
- POJ 2718 Smallest Difference 贪心构造
- 学用 ASP.Net 之 字符串 (2): string.Format
- systemd下supervisord服务开机自启动以及注意事项
- PHP ob_start() 函数介绍
- 你朋友圈里的广告是怎么做到合你胃口的?
- 物联网助推超市转型之具体应用分析
- (转)ZXing生成二维码和带logo的二维码,模仿微信生成二维码效果