Vue i18n格式美元货币

时间:2018-12-01 00:32:17

标签: javascript vue.js vuejs2 vue-i18n

当我以美元显示货币时,输出始终为以下格式 toDynamoDBJson

我正试图从一开始就删除美元前缀。

这是我的numberFormats配置:

USD$500.00

我通过执行numberFormats: { 'en': { currency: { style: 'currency', currency: 'GBP' } }, 'us': { currency: { style: 'currency', currency: 'USD', currencyDisplay: 'symbol' } } } 显示货币。

1 个答案:

答案 0 :(得分:1)

您需要使用格式en-US来指定配置。

in the docs所述,Vue I18n使用Intl.NumberFormat来格式化依赖于ISO 4217 currency codes的数字。

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>