<el-table-column prop="productEnvVersion" label="运行环境" :filters="this.runArr" :filter-method="filterTag" filter-placement="bottom-end" :filter-multiple="false" column-key="runTimeEnv">
  <template scope="scope">
    <env :rowData="scope.row" v-on:envLookData="lookData"></env>
</template>
</el-table-column>

filters:在vue,data里,写上你需要的文字,对应传递给后台的value:例如---   runArr: [{ text: '线上', value: 1 }, { text: '预发', value: 2 }]

效果对比如下:(去掉了多选框,筛选、重置按钮)

vue element-ui 表格筛选,点击筛选数据-LMLPHP

vue element-ui 表格筛选,点击筛选数据-LMLPHP

05-11 21:47