elementUI 表格筛选 默认选中

只需要在状态行加入这个属性，就默认选中了

:filtered-value="[2]"
效果图

<el-table-column
                prop="now_status"
                label="实时状态"
                align="center"
                :filter-method="filterTag1"
                :filters="filtersZT"
                :filtered-value="filteredValue"
            >
                <template slot-scope="scope">
                    <span :class="[statusColor[scope.row.now_status]]">{{ status[scope.row.now_status] }}</span>
                </template>
            </el-table-column>

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

本段是博客 https://www.cnblogs.com/mellisaa/p/13522581.html
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);//这样就拿到筛选后的数组啦
 }