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);//這樣就拿到篩選后的數組啦
    }