国产探花免费观看_亚洲丰满少妇自慰呻吟_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的名字

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武隆县| 青田县| 阿尔山市| 锡林郭勒盟| 沧州市| 武义县| 积石山| 蒙自县| 搜索| 萨嘎县| 柳河县| 儋州市| 郴州市| 射洪县| 隆安县| 公安县| 永年县| 温宿县| 珠海市| 隆尧县| 泰和县| 柳州市| 武隆县| 石阡县| 九台市| 新化县| 兴安县| 普定县| 阳春市| 长宁县| 习水县| 新田县| 应用必备| 六枝特区| 靖边县| 建宁县| 宁蒗| 余姚市| 都昌县| 邵阳市| 赤峰市|