項目中需要實現的效果如圖: HTML部分: CSS部分: ...

需求: 提交詳細信息的表單, 並上傳對應圖片(如下圖), 后台接口要求表單數據和圖片需要一次上傳完成.. 分析: 實際上, 每個element-ui Upload組件都應發送一次請求, 很明顯不符合我們的要求, 於是,我們需要自定義上傳. 　　表單上傳首先考慮FormData對象 ...

需求: Element-ui的Table組件自帶合計行, 但是需求需要在合計行的某些單元格有特別的樣式以及事件, 沒有研究出怎么在既有合計行上完成此需求, 於是利用其原本的一些屬性完成自定義合計行. 分析: 在Table組件中是有columns(包含所有列的數據的數組 ...

引 在使用element-ui的時候雖然默認的樣式已經能夠滿足很多的需求了，但是有總是有時候要加上些自定義的需求。不過，有的時候樣式寫上去了，按理說應該是沒錯的，但卻是不生效呢。 其實在vue項目中使用第三方框架的時候，都是可能會出現這個問題的，原因就是，vue中有scoped可以聲明了樣式 ...

我們可以在formitem上指定驗證規則，有時候我們需要校驗用戶數據的值是否有效，這時候就需要用到自定義的validator rule的寫法如下，這里分別加了必填驗證，數字格式驗證（使用的正則表達式），自定義校驗： 自定義方法的寫法： ...

前言：下面是官方文檔的創建帶邊框表格（border） 和帶斑馬紋表格（stripe）方法，但顏色太淡不明顯 那么只能改一下它 ...

之前提到過，axios是一個異步請求，但是很多時候我們都需要同步請求，比如在element的表單驗證中需要驗證一個用戶名是否存在的時候，異步請求好像就不太好用了。前邊博客中提到過，這種情況可以用es6的Promise來處理，但是今天還是遇到一些問題，因為，Promise的回調函數也是一個異步的過程 ...

概要 element-ui是一套基於vue的前端ui庫，因其組件庫功能設計完善，樣式美觀，開箱即用，被廣泛應用於各種前端web項目中，但由於不同的項目中主題色是不同的，因為為了使element-ui主題更加貼近項目的設計風格，因此自定義主題顯得尤為重要，官方也提供了具體的方法，本文將詳細 ...