ElementUI组件库怎么使用

这篇“ElementUI组件库怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“ElementUI组件库怎么使用”文章吧。

阳东网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作,到程序开发,运营维护。创新互联从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

ElementUI组件库怎么使用

ElementUI介绍

ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。

在页面上引入 js 和 css 文件即可开始使用,如下:





Container 布局容器

用于布局的容器组件,方便快速搭建页面的基本结构:

:外层容器。当子元素中包含 时,全部子元素会垂直上下排列,否则会水平左右排列

:顶栏容器

:侧边栏容器

:主要区域容器

:底栏容器


  
    
      Header
      
        Aside
        
          Main
          Footer
        
      
    
  
  
Dropdown 下拉菜单

将动作或菜单折叠到下拉菜单中。


  个人中心
  
    退出系统
    修改密码
    联系管理员
  
NavMenu 导航菜单

为网站提供导航功能的菜单。


  
    
      
      导航一
    
    选项1
    选项2
    选项3
  
  
    
      
      导航二
    
    选项1
    选项2
    选项3
  
Table 表格

用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。


  
  
  
  
    
    
      编辑
      删除
    
  

Pagination 分页

当数据量过多时,使用分页分解数据。




Message 消息提示

常用于主动操作后的反馈提示。

消息
成功
警告
错误
Tabs 标签页

分隔内容上有关联但属于不同类别的数据集合。

基础的、简洁的标签页

  用户管理   配置管理   角色管理   定时任务补偿

选项卡样式的标签页

  用户管理   配置管理   角色管理   定时任务补偿

卡片化的标签页

  用户管理   配置管理   角色管理   定时任务补偿
Form 表单

由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据。在 Form 组件中,每一个表单域由一个 Form-Item 组件构成,表单域中可以放置各种类型的表单控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。



  
  
    
  
  
    
      
      
    
  
  
    
      
    
    -
    
      
    
  
  
    
  
  
    
      
      
      
      
    
  
  
    
      
      
    
  
  
    
  
  
    立即创建
  

以上就是关于“ElementUI组件库怎么使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


当前名称:ElementUI组件库怎么使用
文章位置:http://scjbc.cn/article/pscogs.html

其他资讯