Young87

SmartCat's Blog

So happy to code my life!

游戏开发交流QQ群号60398951

当前位置:首页 >跨站数据

[学习记录]ElementUI组件2

<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

上一篇: Python入门教程,Python从入门到精通教程分享!16连载中

下一篇: vs2017 KMV模型的R语言实现

精华推荐