<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‘無限滾動