VUE-I18N,这是它的替代。$I18N使用合成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'))
相关文章