应用 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 版本差异比拟大,需解决抵触后应用。