javascript - 如何在 Vuejs 中的某些特定文本(变量)中强制翻译 i18n

Question

在正常情况下，我们只是将翻译属性附加到变量，如 :

this.name = this.$t('language.name');

但我想在某个时候用一种特定的语言来具体说明它(例如:法语)。我们可以在 vue.js 中做这样的事情吗？

this.name = this.$t('language.name', locale: fr);

Answer 1

使用旧包kazupon/vue-i18n ，以下应该是可能的:

$t(key, locale)

---

使用后继包时 intlify/vue-i18n-next ，答案取决于您使用的是 Vue I18n 的 Legacy API 还是较新的 Composition API:

---

按照正常 setup guide 中所述使用旧版 API t() 函数的用法说明了 here .

这意味着您仍然可以使用以下调用将 key 转换为特定语言环境(例如“fr”):

$t(key, locale)

例子:

$t('message.key', 'fr')

---

通过调用带有选项 legacy: false 的 createI18n() 使用 Composition API(如 here 所述)，用法t() 函数与所述不同 here .您不能再将 locale-string 作为第二个参数传递，但是 locale 可以在 TranslateOptions object 中传递.不幸的是，没有 t(key,TranslateOptions) 变体，只有以下变体:

$t(key, plural, TranslateOptions)
$t(key, defaultMsg, TranslateOptions)
$t(key, interpolations, TranslateOptions)

所以最简单的解决方案是例如:

$t('message.key', 1, { locale: 'fr' })