教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

Element組件入門(mén)第一步：安裝和引入ElementUI

更新時(shí)間:2023年11月03日15時(shí)37分 來(lái)源:傳智教育 瀏覽次數(shù):

Element是餓了么團(tuán)隊(duì)研發(fā)的，一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)。利用組成網(wǎng)頁(yè)的部件，例如 超鏈接、按鈕、圖片、表格、表單、分頁(yè)條等等。

安裝ElementUI組件庫(kù) (在當(dāng)前工程的目錄下)，在命令行執(zhí)行指令：

npm install element-ui@2.15.3

引入ElementUI組件庫(kù)

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

訪問(wèn)官網(wǎng)，復(fù)制組件代碼，調(diào)整

1698996586296_組件代碼.png

Table 表格：用于展示多條結(jié)構(gòu)類(lèi)似的數(shù)據(jù)，可對(duì)數(shù)據(jù)進(jìn)行排序、篩選、對(duì)比或其他自定義操作。

1698996661165_表格.png

Pagination 分頁(yè)：當(dāng)數(shù)據(jù)量過(guò)多時(shí)，使用分頁(yè)分解數(shù)據(jù)。

1698996732770_常見(jiàn)組件.png

Dialog 對(duì)話框：在保留當(dāng)前頁(yè)面狀態(tài)的情況下，告知用戶并承載相關(guān)操作。

1698996798416_收貨地址.png

Form 表單：由輸入框、選擇器、單選框、多選框等控件組成，用以收集、校驗(yàn)、提交數(shù)據(jù)。

1698996909648_表單.png

0 分享到：
和我們?cè)诰€交談！