vue+elementUI切换语言添加没有的内置语言包(例如拉丁语)

vue+elementUI添加没有的内置语言包(例如拉丁语)

我使用了一种投机取巧的办法,切换语言包,那就把拉丁语的语言包导入进来进行切换

import Vue from 'vue'
import App from './App'
import ElementUI from 'element-ui'
import VueI18n from 'vue-i18n'
// 导入Element-UI 语言包
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
// 导入elementUI中不带的拉丁文
import laLocale from './assets/lang/neizhi/la'

Vue.use(VueI18n);

// 注册i18n实例并引入我们语言文件,将Element-UI的语言包与我们的合并
// 使用到es6的Object.assign()方法 
const i18n = new VueI18n({
   locale: 'zh',
   messages:{
     'en':Object.assign(require('./lang/en.json'), enLocale),
     'zh':Object.assign(require('./lang/zh.json'), zhLocale),
     'la': Object.assign(require('./assets/lang/la'),laLocale)
   },
});

Vue.use(ElementUI, {
  i18n: (key,value) => i18n.t(key,value)
});

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  i18n,
  components: { App },
  template: '<App/>'
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值