文章目錄
- 1、要使用ElementUI先導入組件庫
- 2、自定義表頭,可以改為添加和批量刪除的按鈕
- 3、Dialog模態框,主要用于添加和修改時展示信息
- 4、抽屜
- 5、消息提示:用于提示是否操作成功
- 6、詢問:常用于詢問是否確定刪除
- 7、批量選擇復選框
- 8、表單
- 9、小圖標、按鈕等小元素
- 10、時間格式化
- 11、布局容器
- 12、面包屑和頁頭
- 13、氣泡確認框
- 14、卡片
@click="removeBatch"前端,左邊是觸發事件,右邊是執行的函數
1、要使用ElementUI先導入組件庫
2、自定義表頭,可以改為添加和批量刪除的按鈕
3、Dialog模態框,主要用于添加和修改時展示信息
有時也會嵌套抽屜使用,例如:
4、抽屜
5、消息提示:用于提示是否操作成功
6、詢問:常用于詢問是否確定刪除
7、批量選擇復選框
一般都加在第一列:找到展示表格數據的部分加進去即可,一般要考慮獲得選中的內容
@selection-change=“handleSelectionChange”,當selection-change觸發時(復選框發生改變),就會調用后面的函數
8、表單
用于級聯檢索、用戶名密碼驗證等
9、小圖標、按鈕等小元素
10、時間格式化
選擇你需要的時間格式,便于做數據庫關于時間的查詢
format是顯示的格式,value-format是送的時候以什么格式送
11、布局容器
你可以使用給出的案例做一個漂亮的側邊導航
12、面包屑和頁頭
一般用于左上角顯示當前所在位置
13、氣泡確認框
可以在下面選擇氣泡的事件:@confirm事件:點擊確認后執行
14、卡片
用于展示圖片等等