“Element UI 页面开发”的版本间的差异
来自CloudWiki
(→Element路由与多页面) |
(→Element前后端通信) |
||
第83行: | 第83行: | ||
*[[Element: 弹框]] | *[[Element: 弹框]] | ||
*[[Element: 对话框]] | *[[Element: 对话框]] | ||
− | * | + | *[[Vue.js Ajax(axios)]] |
*[[Element UI+Flask前后端传参]] | *[[Element UI+Flask前后端传参]] | ||
+ | |||
+ | |||
官网:https://element.eleme.cn/#/zh-CN/component/installation | 官网:https://element.eleme.cn/#/zh-CN/component/installation |
2022年9月23日 (五) 12:01的版本
目录
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:模块化开发中使用可视化卡片
Element前后端通信