vue如何將后臺返回的數(shù)字轉換成對應的文字

第vue如何將后臺返回的數(shù)字轉換成對應的文字目錄將后臺返回的數(shù)字轉換成對應的文字下面跟大家分享一下我的方法vue數(shù)字轉漢字效果如圖

將后臺返回的數(shù)字轉換成對應的文字

今天遇到一個問題就是性別一欄后臺返回我的是數(shù)字，但是前端展示的是漢字男女，而且0,1,2,對應不同的漢字

下面跟大家分享一下我的方法

首先用map遍歷后臺返回的數(shù)據(jù)利用里面的回調對數(shù)據(jù)進行解析即可，下面直接上代碼

this.usersData.map(function(val){

if(val.gender==0){

val.gender='人妖'

}elseif(val.gender==1){

val.gender='男'

}elseif(val.gender==2){

val.gender='女'

}else{

return

}

})

這樣就可以直接在頁面中顯示了~

還有一種方式

el-table

:data="tableData"

border

el-table-column

prop="status"

:show-overflow-tooltip="true"

label="狀態(tài)"

width="60"

:formatter="statusFormatter"

/el-table-column

/el-table

script

exportdefault{

data(){

return{

tableData:[]

}

},

methods:{

statusFormatter(row,column){

conststatus=row.status

if(status==0){

return'正常'

}elseif(status==1){

return'待審批'

}elseif(status==2){

return'拒絕'

}elseif(status==3){

return'鎖定'

}else{

return'刪除'

}

}

}

}

/script

vue數(shù)字轉漢字

Vue中將阿里伯數(shù)字轉換為中文表示,一般用作排名使用。目前支持兩位數(shù)字轉換。

lettoChinese=function(val){

letchin_list=['一','二','三','四','五','六','七','八','九','十'];//所有的數(shù)值對應的漢字

letsn=parseInt(val)+1;//這里由于我的后臺是從0開始排序

if(sn=10){

returnchin_list[sn-1];

elseif(sn=100){

if(sn20)

return'十'+chin_list[sn%10-1];

if(sn%10==0)

returnchin_list[Math.floor(sn/10)-1]+'十';

else

returnchin_list[Math.floor(sn/10)-1]+'十'+chin_list[sn%10-1];

else{

//可以支持更多

效果如圖

html代碼如下

div

v-for="(item,index)inticketsLi