代码之家 › 专栏 › 技术社区 › Dmitry Bubnenkov

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

vue.js

0

Dmitry Bubnenkov · 技术社区 · 7 年前

我有一个输入框,用户可以在其中键入: 10000 ,但我想让它显示为 10 000 . 如何使用Vue?

1 回复 | 直到 7 年前

1

Nikola Kirincic 7 年前

使用正则表达式创建自定义筛选器,将数字从末尾拆分为3位(如果超过3位),然后将其添加到应用程序中:

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

然后用它作为过滤器:

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