【发布时间】:2019-07-11 18:59:12
【问题描述】:
什么是 i18n 的最佳实现。它是针对 web 应用程序的,所以我不想根据语言环境更新 url。
我正在使用 nuxt 框架,所以我研究了 nuxt-i18n,但如果不更新 url,这是不可能的。
【问题讨论】:
标签: vue.js vuex nuxt.js vue-i18n
什么是 i18n 的最佳实现。它是针对 web 应用程序的,所以我不想根据语言环境更新 url。
我正在使用 nuxt 框架,所以我研究了 nuxt-i18n,但如果不更新 url,这是不可能的。
【问题讨论】:
标签: vue.js vuex nuxt.js vue-i18n
在 nuxt.config.js/ts 中
i18n: {
...
strategy: 'no_prefix',
...
}
要更改语言环境,请使用以下内容:
changeLocale() {
this.$i18n.setLocale(this.$i18n.locale === 'en' ? 'tr' : 'en')
}
【讨论】:
我尝试创建一个简单的示例,但我们仍然可以改进。
在这种方法中,我尝试使用 cookie 而不是路径,为此我需要在切换语言时创建一个刷新页面,否则我们的组件不会加载新的翻译。
在这里查看:https://codesandbox.io/embed/example-i18n-mo8t7?fontsize=14
【讨论】: