国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

iview的table組件自帶的過濾器實現

2019-11-19 11:11:27
字體:
來源:轉載
供稿:網友

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

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林州市| 沁源县| 镇安县| 尼勒克县| 巫溪县| 江津市| 大竹县| 宁波市| 高台县| 富蕴县| 洞头县| 清远市| 肃南| 车险| 邹城市| 南靖县| 越西县| 资兴市| 洪湖市| 上犹县| 屯留县| 郴州市| 玛曲县| 天门市| 涿州市| 泗洪县| 宜丰县| 清流县| 新津县| 西林县| 旬阳县| 肥乡县| 德安县| 宁德市| 淄博市| 鄂温| 环江| 蒙山县| 安平县| 元江| 五峰|