Element-ui table中过滤条件变更表格内容的方法

组件中：

<el-table :data=\"users\" highlight-current-row v-loading=\"listLoading\" style=\"width: 100%;\">
  <el-table-column prop=\"sex\" label=\"性别\" width=\"100\" :formatter=\"formatSex\" sortable>
  </el-table-column>
  <el-table-column prop=\"cz\" label=\"操作\" width=\"320\">
     <template scope=\"scope\">
       <el-button size=\"small\" 
         @click=\"handleEdit(scope.$index, scope.row)\">编辑
       </el-button>
       <el-button size=\"small\" @click=\"handleEdit(scope.$index, scope.row)\">
         {{scope.row.status | formatStatus}}
       </el-button>
     </template>
   </el-table-column>
</el-table>

js中：

filters: {
   formatStatus: function (val) {
    console.log(val)
    return val == 1 ? \'上架\' : val == 2 ? \'下架\' : \'未知\';
  },
},
methods: {
//性别显示转换
  formatSex: function (row, column) {
    return row.sex == 1 ? \'男\' : row.sex == 0 ? \'女\' : \'未知\';
  },
}

以上这篇Element-ui table中过滤条件变更表格内容的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。