javascript - 如何在 vue.js 中格式化以千、百万或十亿为单位的数字?

标签 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>

最佳答案

我发现两个 npm 包似乎可以解决问题:

https://www.npmjs.com/package/number-shortener

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

第二个是:

https://www.npmjs.com/package/number-abbreviate

更流行而且也非常轻量。我想请阅读并尝试一下,看看哪一个更适合您。

关于javascript - 如何在 vue.js 中格式化以千、百万或十亿为单位的数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59630440/

相关文章:

javascript - 如何将二进制数据从 Node.js socket.io 服务器发送到浏览器客户端?

javascript - 播放和提示/预加载JavaScript中的声音

javascript - VueJS : Data not Updating

javascript - 如何在 VueJS 中动态创建输入字段

javascript - 验证其他字段后创建 strip 支付 token

javascript - 如何更改 `this` 调用 Vue 实例方法的上下文?

html - 在 VueJS 中访问查询字符串

vue.js - 如何将值从 Vue 数据传递给 href?

vue.js - Vuetify 从日期选择器组件中删除正文标题月份和年份元素

javascript - Jquery .css() 禁用媒体查询所做的高度更改?