“Element UI 页面开发”的版本间的差异
来自CloudWiki
第73行: | 第73行: | ||
*[[Vue案例:学生信息增删查改]] | *[[Vue案例:学生信息增删查改]] | ||
+ | |||
+ | ==Element文件操作== | ||
+ | *[https://www.jb51.net/article/222813.htm Element:导出数据到Excel] | ||
==Element 数据可视化== | ==Element 数据可视化== |
2022年9月24日 (六) 14:38的版本
目录
Element入门
Element组件与布局
Basic
- Element:Layout布局 实例:Elenment:导航栏+侧边栏+基础表格
- Element:Container布局容器
- Element:数据传递
- Element: 按钮
- Element:文字链接
- Element:导航
- Element:表格
- Element: 卡片
Form
组件的组合
Element组件化开发
- Vue的基本概念介绍、使用Hbuilder 创建最简单Vue应用
- 使用Hbuilder 创建Vue应用 、vue中的export default、vue中的render函数
- Windows 安装Node.js、Windows 安装vue、npm 安装模块、cnpm 安装模块
- 模块化开发: 创建Element应用
- 模块化开发: 创建Element控制面板
Element路由与多页面
从零开始简单的路由
这个简单路由 不推荐大家学了,
有兴趣的可以自己看。
直接看下面的Vue Router即可。
使用Vue Router开发单页应用
拓展:
页面的切换
Element 增删改查
Element文件操作
Element 数据可视化
- Element+Echarts:安装Echarts
- Element+Echarts:绘制折线图
- Element+Echarts:绘制饼图
- Element+Echarts: 绘制柱状图
- Element+Echarts:制作可视化卡片
- Element+Echarts:模块化开发中使用可视化卡片
Element前后端通信