返回 首页

vue3.0 ElementPlus 中文版教程

教程说明:

Element Plus 使用 TypeScript + Composition API 进行了重构,主要有: 

  • 使用 TypeScript 开发,提供完整的类型定义文件
  • 使用 Vue 3.0 Composition API 降低耦合,简化逻辑
  • 使用 Vue 3.0 Teleport 新特性重构挂载类组件
  • 使用 Lerna 维护和管理项目
  • 使用更轻量更通用的时间日期解决方案 Day.js
  • 升级适配 popperjs, async-validator 等核心依赖
  • 完善 52 种国际化语言支持

除此以外,还有:

  • 全新的视觉*
  • 优化的组件 API
  • 更多自定义选项
  • 更加详尽友好的文档


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ElementPlus 开发指南

ElementPlus 安装
ElementPlus 快速上手
ElementPlus 国际化
ElementPlus 从 Element 2.x 升级
ElementPlus 自定义主题
ElementPlus 内置过渡动画

ElementPlus 基础

ElementPlus Layout 布局
ElementPlus Container 布局容器
ElementPlus Color 色彩
ElementPlus Typography 字体
ElementPlus Border 边框
ElementPlus Icon 图标
ElementPlus Button 按钮
ElementPlus Link 文字链接
ElementPlus Space 间距
ElementPlus Scrollbar 滚动条

ElementPlus 配置

ElementPlus Config Provider

ElementPlus 表单

ElementPlus Radio 单选框
ElementPlus Checkbox 多选框
ElementPlus Input 输入框
ElementPlus InputNumber 计数器
ElementPlus Select 选择器
ElementPlus Select V2 虚拟列表选择器
ElementPlus Cascader 级联选择器
ElementPlus Switch 开关
ElementPlus Slider 滑块
ElementPlus TimePicker 时间选择器
ElementPlus TimeSelect 时间选择
ElementPlus DatePicker 日期选择器
ElementPlus DateTimePicker 日期时间选择器
ElementPlus Upload 上传
ElementPlus Rate 评分
ElementPlus ColorPicker 颜色选择器
ElementPlus Transfer 穿梭框
ElementPlus Form 表单

ElementPlus 数据

ElementPlus Table 表格
ElementPlus Tag 标签
ElementPlus Progress 进度条
ElementPlus Tree 树形控件
ElementPlus Pagination 分页
ElementPlus Badge 标记
ElementPlus Avatar 头像
ElementPlus Skeleton 骨架屏
ElementPlus Empty 空状态
ElementPlus Descriptions 描述列表
ElementPlus Result 结果

ElementPlus 提示

ElementPlus Alert 警告
ElementPlus Loading 加载
ElementPlus Message 消息提示
ElementPlus MessageBox 弹框
ElementPlus Notification 通知

ElementPlus 导航

ElementPlus Affix 固钉
ElementPlus NavMenu 导航菜单
ElementPlus Tabs 标签页
ElementPlus Breadcrumb 面包屑
ElementPlus PageHeader 页头
ElementPlus Dropdown 下拉菜单
ElementPlus Steps 步骤条

ElementPlus others

ElementPlus Dialog 对话框
ElementPlus Tooltip 文字提示
ElementPlus Popover 弹出框
ElementPlus Popconfirm 气泡确认框
ElementPlus Card 卡片
ElementPlus Carousel 走马灯
ElementPlus Collapse 折叠面板
ElementPlus Timeline 时间线
ElementPlus Divider 分割线
ElementPlus Calendar 日历
ElementPlus Image 图片
ElementPlus Backtop 回到顶部
ElementPlus InfiniteScroll 无限滚动
ElementPlus Drawer 抽屉

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }