在某些项目中需要用到数据转换,如:性别,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 来进行自定义设计规则