javascript - Vue i18n 格式美元货币

Question

当我以美元显示我的货币时，输出始终为格式 USD$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来指定配置。

如文档中所述，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>

Answer 2

像这样通过narrowSymbol更改符号：

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