Element ui前端自定義排序

2022-07-19 11:54:10 字數 915 閱讀 1167

1.在需要自定義排序的列上(el-table-column)加上sortable="cistom"
2.在el-table上增加sort-change事件,監聽列的排序

//定義需要排序的列,這樣可以省去多個if-else if

const actions = new map([

['votes', 'votes'],

['calcweight', 'calcweight'],

['addtransferfee', 'addtransferfee'],

['kilocostbalance', 'kilocostbalance'],

['dispatchercalcweight', 'dispatchercalcweight'],

['pafeiclosurefee', 'pafeiclosurefee'],

['kilopafeicostbalance', 'kilopafeicostbalance']

])

使用乙個proptype來存放需要排序的列

// 自定義排序

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 檔案,...