最近產品提出了一個篩選資料的功能,要求在表頭裡實現一個下拉框進行篩選。
首先, Element-ui 的官方文件,el-table-column 下有一個 filters ,
用於資料的篩選和過濾, filter-multiple 設定多選或者單選,多選時是一個 checkbox ,
單選時是一個 select,filter-method 是資料過濾的方法,但是隻支援已有資料的篩選,不支援後臺排序。
通過查詢和翻閱,我們可以利用 filter-change 事件來實現。
filter-change 會返回一個引數,key:column 的 columnKey,可以用Object.keys()獲取key值,
然後判斷是那一列進行了篩選操作(多列篩選時用到),value:就是篩選的條件。