[学习记录]ElementUI组件2
日期: 2019-06-13 分类: 跨站数据 295次阅读
<el-form><el-from-item>表单控件,每个表单域由一个el-from-item组成,内部可以放置各种类型的表单控件,包括input,select,checkbox,radio,switch,datepicker,timepicker,允许对横纵排列、标签对齐方式、必填项、内容校验、动态增减进行自定义。
<el-table><el-table-column>表格,内容通过prop属性填充,可以设置为单选、多选表格,
<el-tag>标签,支持五种type,可添加、移除tag,提供了亮、暗、朴素三种主题
<el-progress>进度条,支持丰富的颜色自定义,有线型、圆形、仪表盘型
<el-tree>树结构控件
<el-pagination>分页控件,通过layout属性设置布局
<el-badge>气泡控件,qq右上角那种气泡,<el-badge>的子元素为消息框,图标框之类的
<el-alert>警告组件,仍属于网页内部文本
element-loading/element-loading-text/element-loading-spinner等等,作为一种属性添加到其它组件中,表示在加载
this.$message 顶部消息提醒,注册为全局方法
this.$msgbox\this.$alert\this.$confirm\this.$prompt 各种乱七八糟的弹框
this.$notify 右上角通知框
<el-menu><el-menu-item><el-submenu>导航菜单,支持横纵切换,折叠方法类似树结构
<el-tabs><el-tab-pane>选项卡
<el-breadcrumb><el-breadcurmb-item>面包屑
<el-page-header>页头 类似 返回|详情 这种的,title属性负责“返回”,content属性负责“详情”
<el-dropdown><el-dropdown-menu><el-dropdown-item>下坠菜单
<el-steps><el-step>步骤条,教你一步一步做东西
<el-dialog>弹出框,写在页面中通过visible切换是否可见,分为title、body、footer三部分,内部可以嵌入任何html元素
<el-tooltip>提示文字,子元素为被提示对象,悬浮触发
<el-popover>提示框,支持多种触发方式,支持内嵌丰富的html元素,需要slot插槽
<el-card>卡片
<el-carousel><el-carousel-item>走马灯,轮播图
<el-collapse><el-collapse-item>折叠面板,展开操作类似树结构
<el-timeline><el-timeline-item>时间线
<el-divider>分割线,横纵切换、可内置文案
<el-calendar>日历
<el-image>图片
<el-backtop>返回顶部
v-infinite-scroll="load‘无限滚动
转载于:https://www.cnblogs.com/trickofjoker/p/11014500.html
除特别声明,本站所有文章均为原创,如需转载请以超级链接形式注明出处:SmartCat's Blog
标签:javascript
精华推荐