在某些項(xiàng)目中需要用到數(shù)據(jù)轉(zhuǎn)換,如:性別仓坞,0為男性背零,1為女性,存在數(shù)據(jù)庫中的數(shù)據(jù)為0或1无埃,那么我們需要使用 :formatter 來進(jìn)行數(shù)據(jù)轉(zhuǎn)換徙瓶。
列表界面
以下附上代碼:
// 列表column
<el-table-column label="性別" align="center" prop="cadreSex" :formatter="formatSex" />
JS代碼:
// 性別數(shù)據(jù)轉(zhuǎn)換
formatSex(row){
return row.cadreSex === 0 ? "男" : row.cadreSex === 1 ? "女" : "未填寫";
},
總結(jié):
1毛雇、使用 :formatter 定義方法
2、定義數(shù)據(jù)轉(zhuǎn)換方法,需要傳入的值為row
3侦镇、可以使用 :formatter 來進(jìn)行自定義設(shè)計(jì)規(guī)則