javascript - Vue i18n 格式化美元货币

Question

当我以美元显示我的货币时，输出始终采用以下格式 500.00 美元。

我试图从一开始就删除 USD 前缀。

这是我的 numberFormats 配置:

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

我通过 {{ $n(500, 'currency') }} 显示货币。

Answer 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>