vue+elementUI中使用formatter进行数据转换

在某些项目中需要用到数据转换，如：性别，0为男性，1为女性，存在数据库中的数据为0或1，那么我们需要使用 :formatter 来进行数据转换。

列表界面

以下附上代码：

// 列表column
<el-table-column label="性别" align="center" prop="cadreSex" :formatter="formatSex" />

JS代码：

// 性别数据转换
    formatSex(row){
        return row.cadreSex === 0 ? "男" : row.cadreSex === 1 ? "女" : "未填写";
    },

总结：
1、使用 :formatter 定义方法
2、定义数据转换方法,需要传入的值为row
3、可以使用 :formatter 来进行自定义设计规则