number

Formats a string number to a user friendly number using the browser's Intl object. Note that the format will default to the user's browser locale settings based on navigator.language.

• Source

Installation

Global install:

import Vue from 'vue';
import { number } from 'vuetensils/src/filters';

Vue.filter('number', number);

Local install:

<script>
  import { number } from 'vuetensils/src/filters';

  export default {
    filters: {
      number,
    },
  };
</script>

Example

<template>
  <div>
    {{ '1234.567' | number }}
  </div>
</template>

Cannot parse template expression: "'1234.567' | number"

Variable "number" is not defined.

Custom Locale

You can specify the locale formatting by passing the filter your target ISO Language Code.

<template>
  <div>
    {{ '1234.567' | number('de-DE') }}
  </div>
</template>

_ctx.number is not a function

Custom Default Locale

You can specify your own default locale formatting by extending the filter and providing your target ISO Language Code.

import Vue from 'vue';
import { number } from 'vuetensils/src/filters';

const customNumber = str => number(str, 'de-DE');

Vue.filter('number', customNumber);