element-ui 渲染错误,只显示变量

使用 element-ui 开发的后台管理系统出现以下画面:

element-ui 渲染错误,只显示变量_第1张图片

如图所示,图中应该显示文字或组件的位置只显示了变量名称。

后续在控制台发现有以下警告:

Cannot translate the value of keypath 'el.table.emptyText'. Use the value of keypath as default

经过查证,是vue-i18n这个第三方库的报错,element 在配置时设置了 vue-i18n 选项,在 main.js 中修改以下代码即可解决问题:

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

如果项目中依然需要使用 vue-i18n,则需要单独配置,这个库的 v5 和 v6 版本差别比较大,需解决冲突后使用。

你可能感兴趣的