使用vue-i18n更改URL转换WebApp

时间:2019-07-11 18:59:12

标签: vue.js vuex nuxt.js vue-i18n

i18n的最佳体现是什么。它用于Web应用程序,因此我不想基于语言环境更新URL。

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

2 个答案:

答案 0 :(得分:0)

我试图创建一个简单的示例,但是我们仍然可以改进。

在这种方法中,我尝试使用cookie而不是路径,并且这样做时我需要在切换语言时刷新页面,否则我们的组件将不会加载新的翻译。

在这里检查:https://codesandbox.io/embed/example-i18n-mo8t7?fontsize=14

答案 1 :(得分:0)

在nuxt.config.js / ts中

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

}

要更改语言环境,请使用类似以下内容的

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