element-tabel 表单表头下拉选择的情况 - 表头状态有下拉的情况

+ @filter-change="filterChange"   ---- 	当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。
+ 
+ column-key="invoiceStatus"   ----column 的 key，如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件
+ 
+ stateList: [  // 下拉的数据
          { text: '审核中', value: 0 },
          { text: '开票中', value: 1 },
          { text: '已开票', value: 2 },
          { text: '已驳回', value: -1 },
          { text: '退票中', value: 3 },
          { text: '作废中', value: 4 },
          { text: '已作废', value: 5 },
          { text: '已红冲', value: 6 }
        ],
 filterChange(val, row, column) {
        this.invoiceStatus = val.invoiceStatus && val.invoiceStatus[0]
        this.pageNum = 1
        this.GetPageData()
      },

 <el-table :data="tableData" v-loading="tableDataLoading" style="width: 100%" stripe @filter-change="filterChange">
                <el-table-column prop="Nature" label="发票性质" show-overflow-tooltip>
                  <template slot-scope="scope">
                    {{ scope.row.Nature === 1 ? '电子' : '纸质' }}
                  </template>
                </el-table-column>
                
                <el-table-column prop="AuditStatus" label="状态" column-key="invoiceStatus" :filter-multiple="false" :filters="stateList">
                  <template slot-scope="scope">
                    {{ getStatus(scope.row.AuditStatus) }}
                  </template>
                </el-table-column>
              
                <div slot="empty" class="not-order">
                  <img src="@/assets/fee/unOrder.png" alt="">
                  暂无数据
                </div>
              </el-table>