javascript - 如何在VueJS中格式化数字

我找不到在VueJS中格式化数字的方法。我发现的只是用于格式化货币的builtin currency filter和vue-numeric，需要进行一些修改才能看起来像标签。然后，您将无法使用它来显示迭代的数组成员。

最佳答案

安装numeral.js:

npm install numeral --save

定义自定义过滤器:

<script>
  var numeral = require("numeral");

  Vue.filter("formatNumber", function (value) {
    return numeral(value).format("0,0"); // displaying other groupings/separators is possible, look at the docs
  });

  export default
  {
    ...
  }
</script>

用它:

<tr v-for="(item, key, index) in tableRows">
  <td>{{item.integerValue | formatNumber}}</td>
</tr>

关于javascript - 如何在VueJS中格式化数字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44538110/