如何在数字位数之间添加空格？

Question

我有一个输入字段，用户可以在其中输入：10 000，但我想使其显示为{{1}}。用vue怎么可能？

Answer 1

创建自定义过滤器，使用正则表达式将您的电话号码从末尾（如果超过3位）按3位数字进行拆分，并将其添加到您的应用中：

Vue.filter('splitNumber', function (value) {
   return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
})

然后将其用作过滤器：

<span v-text="yourNumber | splitNumber"></span>