1.在需要自定義排序的列上(el-table-column)加上sortable="cistom"2.在el-table上增加sort-change事件,監聽列的排序
//定義需要排序的列,這樣可以省去多個if-else if使用乙個proptype來存放需要排序的列const actions = new map([
['votes', 'votes'],
['calcweight', 'calcweight'],
['addtransferfee', 'addtransferfee'],
['kilocostbalance', 'kilocostbalance'],
['dispatchercalcweight', 'dispatchercalcweight'],
['pafeiclosurefee', 'pafeiclosurefee'],
['kilopafeicostbalance', 'kilopafeicostbalance']
])
// 自定義排序sortchange(column) else if (column.order === 'descending') }},
// 公升序排列方法
ascsortfun(a, b) ,
// 降序排列方法
dessortfun(a, b)
element ui全域性自定義主題
需要注意的是建立element variables.scss檔案在 src 下,注意路徑問題 element 的 theme chalk 使用 scss 編寫,如果你的專案也使用了 scss,那麼可以直接在專案中改變 element 的樣式變數。新建乙個樣式檔案,例如element variable...
element ui自定義表單驗證
1.首先我們要在form表單元素上繫結rules和model這兩個屬性,rules代表你的自定義表單驗證規則,model代表你需要驗證的資料。2.在表單裡繫結的值一定是model繫結的資料裡的某個值,我們需要驗證哪個字段,就在哪個el form item標籤上繫結prop屬性,值為你自定義規則裡對應...
nuxt 引入 element UI 自定義主題色
今天靜下心來按照官方文件的思想終於成功了 其實很簡單,不知道之前為什麼總是不成功,真想抽自己,技術 菜是原罪 剛剛寫了篇隨筆 nuxt按需引入element ui 先去看看這個。引入element ui之後,在 assets scss 下新建乙個 element variables.scss 檔案,...