elementUI table 表頭自定義過濾條件,向后台發送請求過濾列表


日志列表的表頭添加一個自定義過濾條件過濾列表數據,向后台發送請求過濾列表

頁面如下:

 

 代碼如下:

 

 

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()是指后台查詢日志列表的函數。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM