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