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的名字

這樣就可以實現分也時篩選了

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。