uniapp 小于1000 按原數字顯示 超過1000 數字換算成10w+ 1.3k+ 顯示

文章目錄

• ​​1. 公共方法​​
• ​​2. 使用​​

1. 公共方法

methods: {
      // 數字換算
      graceNumber(number) {
        if (number == 0) {
          return "0";
        } else if (number > 999 && number <= 9999) {
          return (number / 1000).toFixed(1) + 'k';
        } else if (number > 9999 && number <= 99999) {
          return (number / 10000).toFixed(1) + 'w';
        } else if (number > 99999) {
          return "10w+";
        }
        return number;
        
      },
}      

2. 使用

<template>
      <view @click="openMask()"
            style="margin-left: 50rpx;display: flex;flex-direction: column;justify-content: center;">
            <text
              style="color: #ffffff;font-size: 14px;font-weight: bold;align-self: center;">{{getGraceNumber(pageUserInfo.totalLikeMeCounts)}}</text>
            <text style="color: #ffffff;font-size: 12px;font-weight: 300;align-self: center;">獲贊</text>
          </view>
</template>      

{
      // 把超過1000或10000的數字調整，比如1.3k/6.8w
      getGraceNumber(num) {
        return getApp().graceNumber(num);
      },
  }