vue element-ui 表格筛选,点击筛选数据
<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 }]
效果对比如下:(去掉了多选框,筛选、重置按钮)