iview的table組件自帶的過濾器實現
iview框架的table組件自帶的過濾器的使用方法：
<script> export default { data () { return { columns: [ { title: 'Name', key: 'name' }, //過濾器 //通過給 columns 數據的項，設置 filters，可進行篩選，filters 接收一個數組，必須指定一個篩選函數filterMethod { title: 'Age', key: 'age', filters: [ { label: 'Greater than 25', value: 1 }, { label: 'Less than 25', value: 2 } ], filterMultiple: false, filterMethod (value, row) { if (value === 1) { return row.age > 25; } else if (value === 2) { return row.age < 25; } } } ] } } }上面的方法是iview的demo，但是這樣不能實現分頁時篩選，只能篩選當前頁，想要實現分頁篩選，只需在filterMethod函數的
第一行加上一段
this.age = value // age變量為key的名字
這樣就可以實現分也時篩選了
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
