使用vue的ElementUI库,在多语言时报错:

TypeError: Cannot read property '_t' of undefined
// 或者
TypeError: Cannot read property 'reading_t' of undefined

导致一些Element的组件不能正常显示。

经过多次尝试,问题出现的原因是:
在js中使用了如下代码进行翻译:

this.$t('...')

解决办法一:
在main.js中 将

Vue.use(ElementUI)

改为

Vue.use(ElementUI, {
i18n: (key, value) => i18n.t(key, value)
})

解决办法二:

引入index.js中的i18n,在页面中采用i18n.t替换this.$t(’…’)

// 引入i18n
import i18n from '@/i18n/index'
 
// js中使用如下代替this.$t
i18n.t('...')

需要说明的是,在template中的this.$t不用更改,更改后会报错。

我的问题是这样解除的,希望能帮到大家!

为什么我也不理解,希望大神能够指点,多谢!

Logo

前往低代码交流专区

更多推荐