导航时更改 $i18n 区域设置答案

【问题标题】：$i18n Locale get changed when navigating导航时更改 $i18n 区域设置
【发布时间】：2021-06-23 08:35:52
【问题描述】：

我将 Nuxt $i18n 用于多语言网站，我更改了默认语言，当我在页面之间导航时，所选语言会更改为默认语言吗？这是 nuxt 配置中的 $i18n 配置这是为什么呢？

i18n: {
  locales: [
    { code: 'en', iso: 'en-US', dir: 'ltr' },
    { code: 'de', iso: 'de-GER', dir: 'ltr' }
  ],
  defaultLocale: 'de',
  vueI18n: {
    fallbackLocale: 'de',
    messages: {
      en: en.messages,
      de: de.messages
    }
  }
},

【问题讨论】：

如何导航，<nuxt-link> 或 <a>？
嗨，这里有什么消息吗？

标签： vue.js internationalization nuxt.js

【解决方案1】：

我终于得到了这是答案：

<nuxt-link :to="localePath('/home')"> home </nuxt-link>

【讨论】：

【解决方案2】：

用于创建路由路径使用

method this.localePath(...), ctx.app.localePath(...)

只有这个方法准备当前语言环境的路径，或者你可以自己做这个

【讨论】：