使用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不用更改,更改后会报错。
我的问题是这样解除的,希望能帮到大家!
为什么我也不理解,希望大神能够指点,多谢!