六、筛选：也叫作“过滤”。

1、启动对列数据取值的筛选：
（1）使用<el-table-column>标记对的filters属性：
取值是对象数组。

  <el-table-column prop=“sex” :filters=“[{},{}]”>

  {text:‘男生’,value:‘男’},{text:‘女生’,value:‘女’}
  text - 设置在筛选框出现的文本提示。
  value - 设置指定筛选项进行筛选的字段取值。

（2）使用<el-table-column>标记对的filter-method属性。
取值是函数。

     <el-table-column :filter-method=“filterMethod”>
     filterMethod(value,row,column){
       //value - 用户选中筛选项的vlaue属性
       //row - 行，可以引用列分量
       //column - 列，可以引用列属性
}

例：实现按照性别筛选的功能。

 :filters=“[{text:‘男生’,value:‘男’},{ text:‘女生’,value:‘女’}]”
    :filter-method=“filterMethod”
    filterMethod(value,row,column){
      return row.sex===value;
}

     例：按照年龄筛选。

（小于20岁，大于20岁小于25岁，大于25岁）

          :filters=“[{text:‘小于20岁’,value:[0,20]},...]”
             :filter-method=“filterByAge”
             filterByAge(value,row){
               return row.age>=value[0] && row.age<value[1];
}

2、设置筛选框的位置：
使用<el-table-column>的filter-placement属性。
取值：left、left-start、left-end、
right、right-start、right-end、
top、top-start、top-end、
bottom、bottom-start、bottom-end
3、设置是否可以同时选中多个筛选项：
使用<el-table-column>的filter-multiple属性。
默认值：true，表示允许选中多个筛选项。
4、<el-table>的clearFilter()方法：将数据恢复为原始数据。
this.$refs.student.clearFilter();