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 }]

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

 

posted @ 2017-08-21 14:25  盒子豪  阅读(16528)  评论(3编辑  收藏  举报