How to split a number into digits in vue?

Question

Vue.js

I know several ways to split a number into digits, for example: How to apply this filter to VUE
(/(\d)(?=(\d{3})+([^\d]|$))/g, "$1 ");

data () {
      return {
        value1:[100000,5000000]
     }
}

Answer 1

you can make a filter :
<div>{{ value | format }}</div>

filters: {
  format: val => `${val}`.replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 '),
},

or a computed property :
<div v-for="n in formatted">{{ n }}</div>

computed: {
  formatted() {
    return this.values.map(n => `${n}`.replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 '));
  },
},

Answer 2

Number.toLocaleString()
Example:

var number = 123456.789;

// В Германии в качестве разделителя целой и дробной части используется запятая, а в качестве разделителя разрядов - точка
console.log(number.toLocaleString('de-DE'));
// → 123.456,789

// В России в качестве разделителя целой и дробной части используется запятая, а в качестве разделителя разрядов - пробел
console.log(number.toLocaleString('ru-RU'));
// → 123 456,789

// В большинстве арабоговорящих стран используют настоящие арабские цифры
console.log(number.toLocaleString('ar-EG'));
// → ١٢٣٤٥٦٫٧٨٩