Element-ui中的表格筛选

如果想将表格筛选后的数组作为参数传给后端，请看下面的实现方法。

 

filter-change: 当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。

很明显，这个事件是当筛选条件发生变化时才会触发，也就是说每次筛选只会执行一次，这个事件是绑定在表格上的。

<el-table :data="tableData" stripe border style="width: 100%" @filter-change="filterChange">
      <el-table-column
        prop="product"
        label="所属产品"
        column-key="product"
        :filters="[{text: '1', value: '1'}, {text: '2', value: '2'}, {text: '3', value: '3'}]"
      ></el-table-column>
    </el-table>

    filterChange(filters) {
      console.log(3333,filters);//这样就拿到筛选后的数组啦
    }