【问题标题】:How to add space between digits of number?如何在数字的数字之间添加空格?
【发布时间】:2018-07-16 08:02:53
【问题描述】:

我有用户可以输入的输入字段:10000,但我想让它显示为10 000。用 vue 怎么可能做到这一点?

【问题讨论】:

    标签: vue.js


    【解决方案1】:

    使用正则表达式创建自定义过滤器,将您的号码从末尾(如果超过 3 位)拆分为 3 位数,并将其添加到您的应用中:

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

    然后将其用作过滤器:

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

    【讨论】: