VUE-I18N，这是它的替代。$I18N使用合成API？ [英] vue-i18n, alternative for this.$i18n using the composition api?

问题描述

尝试使用组合API在组件中实现VUE-I18N。 我希望能够在onmount挂钩中设置一些翻译消息。在选项API中，我将使用this.$i18n.setLocaleMessage(locale, messages)。

但是，this在组合API setUp()方法中不可用。所以，当我尝试上面的方法时，它给了我不确定的感觉。我可以通过将i18N导入到组件中来实现： import { useI18n } from 'vue-i18n'，然后创建它的一个实例var i18n = useI18n({}), i18n.setLocaleMessage()，但我更喜欢像第一个一样的单行解决方案。

推荐答案

只需使用useI18n中的t，如下所示：

 const {t} = useI18n({})
//then use in any place in the setup hook
 onMounted(()=>console.log(t('someWord')) 

这篇关于VUE-I18N，这是它的替代。$I18N使用合成API？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！