如何本地化货币 lNuxtJS i18n

Question

如您所知，欧洲国家/地区的货币格式不同。在德国 1.234.567,89 在英国 1.234.567.89 我如何使用 nuxt/i18n 货币本地化。我在 nuxt 配置中有这段代码

i18n: {
  locales: [
    { code: 'en', iso: 'en-US', dir: 'ltr' },
    { code: 'de', iso: 'de-GER', dir: 'ltr' },
  ],
  defaultLocale: 'de',
  vueI18n: {
    numberFormats: {
      'en-US': {
        currency: {
           style: 'currency', 
            currency: 'USD',
            currencyDisplay: 'USD'
           }
      },
      'de-GER': {
        currency: {
           style: 'currency', 
            currency: 'EUR',
            currencyDisplay: 'EUR'
           }
      }
    },
    fallbackLocale: 'de',
    messages: {
      en: en.messages,
      de: de.messages,
    },
  },
},

当我使用

<p>{{ $n(100, 'currency') }}</p>

但我确实遇到了这个错误

RangeError
Value EUR out of range for Intl.NumberFormat options property currencyDisplay

我该如何解决这个问题？

Answer 1

设置 'de-GE' 而不是 'de-GER' 解决了问题！

如何本地化货币 lNuxtJS i18n

How to localize currency lNuxtJS i18n

vue.js

internationalization

nuxt.js

nuxt-i18n