Vue i18n формат USD валюта - PullRequest
Новая
       19

Vue i18n формат USD валюта

0 голосов
/ 01 декабря 2018

Когда я отображаю свою валюту в долларах США, вывод всегда отображается в формате USD$500.00.

Я пытаюсь удалить префикс USD с начала.

Это мой формат числа: 

numberFormats: {
    'en': {
        currency: {
            style: 'currency', currency: 'GBP'
        }
    },
    'us': {
        currency: {
            style: 'currency',
            currency: 'USD',
            currencyDisplay: 'symbol'
        }       
    }
}

Я отображаю валюту, делая {{ $n(500, 'currency') }}.

1 Ответ

0 голосов
/ 01 декабря 2018

Вам необходимо использовать формат en-US для указания конфигурации.

Как указано в документах , Vue I18n использует Intl.NumberFormat для форматирования чиселкоторый опирается на ISO 4217 кодов валют .

const i18n = new VueI18n({
  locale: 'en-US',
  numberFormats: {
    'en-US': {
      currency: {
        style: 'currency',
        currency: 'USD',
        currencyDisplay: 'symbol'
      }
    }
  },
})

new Vue({
  i18n
}).$mount('#app')
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>

<div id="app">
  {{ $n(500, 'currency') }}
</div>
...