和element-ui配合使用的问题

[MinatoHikari]

const i18n = new VueI18n({
        locale: Cookies.get('locale') || lang, 
        messages: {
            en: Object.assign(en, enLocale), 
            es: Object.assign(es, esLocale), 
            ar: Object.assign(ar, arLocale), 
            pt: Object.assign(pt, ptLocale)
        }})

Vue.use(Element, {
  i18n: function (path, options) {
    i18n.t(key, value))
  }
})

elementUI中如果要使用i18n需要做以上处理，怎么拿到i18n的实例？

[eyelly-wu]

@MinatoHikari hi
虽然可以在现有 API createI18n 返回的方法加上 t 属性来实现多语言的效果，但是会有如下缺陷

1. 需要将 Element 的语言包的转换成非嵌套的 key|value 的形式，现在是嵌套型的

{
  "a":{
    "b": "xxx"
  }
}
// 转出下面这种
{
  "a.b":"xxx"
}

2. 必须要提前配置好所有的语言包以及语言，否则不会正确显示对应语言

createI18n({
  langs:{
       en,
       jp,
      zh,
  }
  locale: 'zh',
})

3. 目前从 Element 官网的文档上看，没有说可以通过什么属性改变来切换它的语言，无法实现静态切换语言

目前来看效果不太好，或许看看你是否有什么高见

[MinatoHikari]

@MinatoHikari hi 虽然可以在现有 API createI18n 返回的方法加上 t 属性来实现多语言的效果，但是会有如下缺陷

1. 需要将 Element 的语言包的转换成非嵌套的 key|value 的形式，现在是嵌套型的

{
  "a":{
    "b": "xxx"
  }
}
// 转出下面这种
{
  "a.b":"xxx"
}

2. 必须要提前配置好所有的语言包以及语言，否则不会正确显示对应语言

createI18n({
  langs:{
       en,
       jp,
      zh,
  }
  locale: 'zh',
})

3. 目前从 `Element` 官网的文档上看，没有说可以通过什么属性改变来切换它的语言，无法实现静态切换语言

目前来看效果不太好，或许看看你是否有什么高见

目前我是直接换成了 vue-i18n 拿到 i18n 实例，只用了 i18n-pro 的 api 翻译生成 json 文件的功能

[eyelly-wu]

哈哈哈，这也是可以的，主要还是 ' Element' 本身就适配了 vue-i18n， 使用上就会方便很多