发现一个好用的写法:
一、英转中
<div class="text" v-if="kaBuLe">
卡布叻星星:{{ getChinese(kaBuLeType) }}
</div>
const pageData: {
[propName: string]: any
} = reactive({
kaBuLeType:'',
})
//对应中文
function getChinese(type:string) {
switch (type) {
case 'kaBuLe':
return '卡布叻';
case 'star':
return '星星';
default:
return type // 默认返回原始值
}
}
二、取小数点后三位
<div class="text" v-if="kaBuLe">
卡布919:{{ getThreeData(kaBuLeNember) }}
</div>
//取小数点后三位
function getThreeData(value: number){
//是否为数字且包含小数
if (value % 1 !== 0) {
// 四舍五入保留三位小数
return value.toFixed(3);
}
// 不是数字或没有小数,则返回原始值
return value;
}