使用 element-ui 开发的后台管理系统出现以下画面:
如图所示,图中应该显示文字或组件的位置只显示了变量名称。
后续在控制台发现有以下警告:
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 版本差别比较大,需解决冲突后使用。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。