日志列表的表頭添加一個自定義過濾條件過濾列表數據,向后台發送請求過濾列表
頁面如下:
代碼如下:
1.在<el-table>標簽中必須寫上過濾事件‘filter-method'。如果想設置多選項,就把列屬性‘filter-multiple’設為true,這也是默認值。我這里做的是單選項。
2.prop值與column-key值必須一模一樣,否則過濾事件執行的時候,系統隨機生成的key值(下圖紅框內的值)對於我們開發造成不必要的麻煩,當多列表頭添加自定義條件多慮時,判斷條件都不好寫。
3.filters屬性綁定的是自定義查詢的數據,格式必須是text和value組合成的對象,其他key在表頭上面直接不顯示出來。當查詢為單選時,自動生成一個‘全部’的數據。
4.過濾事件執行的函數,如步驟2里的filterData函數,this.status為查詢日志列表的參數的值,里面的this.load()是指后台查詢日志列表的函數。