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的名字
這樣就可以實現分也時篩選了
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
