Javascript 如何在vue.js中设置以千、百万或数十亿为单位的数字格式？

像这样：12000=12k，1000000=1m，1430=1.4k

 <div v-for="item in items" :key:"item">
   <span>{{item.num}}</span>
</div>

<script lang='ts'>

  items:any[]=[
     {num:"122256879"},
     {num:"12000000"},
     {num:"1430"},
  ]

</script>

{{item.num}
项目：任何[]=[
{num:“122256879”}，
{num:“12000000”}，
{num:“1430”}，
]

我发现了两个

npm

软件包，它们似乎起到了作用：

第一个似乎没有被广泛使用，但从代码上看，它非常轻量级

二是:

更受欢迎，也非常轻。我想阅读和玩一下，看看哪一个更适合你。

创建一个过滤器（在main.js内）

---

这回答了你的问题吗？

Vue.filter('formatNumber', (value) => {
  ending=['k','m','b','t']
  if(n.length<4){
    return n;
  }else{
    return `${n[0]}${n[1]!='0'?`.${n[1]}`:''}${ending[Math.floor((n.length-1)/3)-1]}`;
  }
})

<div v-for="item in items" :key:"item">
   <span>{{item.num | formatNumber}}</span>
</div>