美文网首页
实现vue-i18n + element-ui国际化

实现vue-i18n + element-ui国际化

作者: 你猜_19ca | 来源:发表于2019-02-27 19:59 被阅读0次
  • 只需要在i18n配置里加上element-ui的国际化配置即可
//./lang/cn.js
export const message = {
  home: '首页',
}
//./lang/en.js
export const message = {
  home: 'Home',
}
//./i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import locale 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)

export const i18n = new VueI18n({
  locale: 'cn',
  messages: {
    'cn': Object.assign(require('./langs/cn'), zhLocale),
    'en': Object.assign(require('./langs/en'), enLocale)
  }
})

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

相关文章

网友评论

      本文标题:实现vue-i18n + element-ui国际化

      本文链接:https://www.haomeiwen.com/subject/eskquqtx.html