vue.js - 在不更改 URL 的情况下使用 vue-i18n 翻译 WebApp

Question

i18n 的最佳实现是什么？它是针对 web 应用程序的，所以我不想根据语言环境更新 url。

我正在使用 nuxt 框架，所以我研究了 nuxt-i18n，但如果不更新 url，这是不可能的。

标签： vue.jsvuexnuxt.jsvue-i18n

Answer 1

在 nuxt.config.js/ts

i18n: {
...
strategy: 'no_prefix',
...

}

要更改语言环境，请使用以下内容：

changeLocale() {
  this.$i18n.setLocale(this.$i18n.locale === 'en' ? 'tr' : 'en')
}