Vue中将阿里伯数字转换为中文表示,一般用作排名使用。目前支持两位数字转换。
let toChinese=function(val){
let chin_list=['一','二','三','四','五','六','七','八','九','十'];//所有的数值对应的汉字
let sn = parseInt(val)+1;//这里由于我的后台是从0开始排序
if(sn<=10){
return chin_list[sn-1];
}
else if(sn<=100){
if(sn<20)
return '十'+chin_list[sn%10-1];
if(sn%10==0)
return chin_list[Math.floor(sn/10)-1]+'十';
else
return chin_list[Math.floor(sn/10)-1]+'十'+chin_list[sn%10-1];
}
else{
//可以支持更多
}
}
效果如图:
html代码如下
<div
v-for="(item,index) in ticketsList"
:key="index"
class="button-info">
<span class="passenger-title passenger-padding">航段{{ toChinese(index) }}</span>
</div>