鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue中按需引用element-ui組件國際化（vue-i18n）問題

vue中按需引用element-ui組件國際化（vue-i18n）問題

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

項(xiàng)目中需要使用element-ui的分頁組件——Pagination，需要使用多語言（vue-i18n）支持中英文切換，根據(jù)官方文檔參考，但是一直報(bào)錯(cuò)，錯(cuò)誤信息如下：

圖片描述

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)) //為了實(shí)現(xiàn)element插件的多語言切換

cn.js 文件

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

en.js 省略...

回答
編輯回答
孤毒
  new Vue({
      el: '#app',
      i18n,
      template: '<App/>',
      components: { App }
  });
2018年7月9日 19:22
編輯回答
逗婦惱
eleLocale.i18n((key, value) => i18n.t(key, value))

官方文檔

2017年9月20日 05:16
編輯回答
痞性
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時(shí)設(shè)置i18n的處理方法
});
2017年7月20日 23:17