NUXT I18N号码本地化

本文介绍了NUXT I18N号码本地化的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何在Nuxt中配置号码本地化？

我的nuxt.config如下所示

modules: [
    ['nuxt-i18n', {
      locales: [
        {
          code: 'en',
          iso: 'en-US',
          file: 'en-US.js'
        }
      lazy: true,
      langDir: 'lang/',
      defaultLocale: 'en',
    }]
  ],

但如果我尝试将这样的模板添加到页面

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

我在控制台中收到错误：

[vue-i18n] Fall back to 'en-US' number formats from 'en number formats.

我尝试搜索示例，但在nuxt文档中找不到任何示例。

推荐答案

我是这样解决的：

modules: [
    ['nuxt-i18n', {
       locales: [
         {
           code: 'en',
           iso: 'en-US',
           file: 'en-US.js'
         }
       ],
       lazy: true,
       langDir: 'lang/',
       defaultLocale: 'en',
       vueI18n: {
         numberFormats: {
           en: {
             currency: {
                style: 'currency',
                 currency: 'USD'
                }
           }
         }
       }
     }
    ],

这篇关于NUXT I18N号码本地化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！