[學習記錄]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‘無限滾動

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM