“Element UI 页面开发”的版本间的差异
来自CloudWiki
(→Element组件与布局) |
|||
第19行: | 第19行: | ||
*[[Element:Container布局容器]] | *[[Element:Container布局容器]] | ||
*[[Element:数据传递]] | *[[Element:数据传递]] | ||
− | *[[Element: 按钮 | + | *[[Element: 按钮]] |
*[[Element:文字链接]] | *[[Element:文字链接]] | ||
*[[Element:导航]] | *[[Element:导航]] | ||
第76行: | 第76行: | ||
==Element前后端通信== | ==Element前后端通信== | ||
+ | *[[Element: 通知]] | ||
+ | *[[Element: 弹出框]] | ||
+ | * | ||
*[[Element UI+Flask前后端传参]] | *[[Element UI+Flask前后端传参]] | ||
官网:https://element.eleme.cn/#/zh-CN/component/installation | 官网:https://element.eleme.cn/#/zh-CN/component/installation |
2022年8月22日 (一) 21:58的版本
目录
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+Echarts:安装Echarts
- Element+Echarts:绘制折线图
- Element+Echarts:绘制饼图
- Element+Echarts: 绘制柱状图
- Element+Echarts:制作可视化卡片
- Element+Echarts:模块化开发中使用可视化卡片