vue中按需引用element-ui组件国际化（vue-i18n）问题

Question

版本信息分别是："element-ui": "^2.3.3","vue": "^2.5.2"

项目中需要使用element-ui的分页组件——Pagination，需要使用多语言（vue-i18n）支持中英文切换，根据官方文档参考，但是一直报错，错误信息如下：

import messages from './language'
import VueI18n from 'vue-i18n'
import eleLocale from 'element-ui/lib/locale';
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

Vue.use(VueI18n)
Vue.use(Pagination)

const i18n = new VueI18n({
  locale: Vue.config.lang || 'en',
  messages,
})
eleLocale.i18n((key, value) => i18n.t(key, value)) //为了实现element插件的多语言切换

cn.js 文件

import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
const cn= {
    //页面公用
    common: {
        notice: '公告',
        more: '更多',
    },
    zhLocale,
}
export default cn;

en.js 省略...

Answer 1

eleLocale.i18n((key, value) => i18n.t(key, value))

官方文档

Answer 2

import VueI18n from 'vue-i18n';
import ElementUI from 'element-ui';

Vue.use(VueI18n);
const i18n = new VueI18n({
    locale: Vue.config.lang || 'en',
    messages,
})

Vue.use(ElementUI, {
    i18n: (key, value) => i18n.t(key, value) // 在注册Element时设置i18n的处理方法
});

Answer 3

  new Vue({
      el: '#app',
      i18n,
      template: '<App/>',
      components: { App }
  });

Answer 4

我想问下分页 共*页那里的国际化是怎么配置的...我的显示出来的是el.pagination.total...