更换elementUI的语言包

最新推荐文章于 2024-08-05 22:53:31 发布

夏之绚烂，秋之静美

最新推荐文章于 2024-08-05 22:53:31 发布

阅读量257

点赞数

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/weixin_37601321/article/details/132045497

版权

main.js

import zhLang from 'element-ui/lib/locale/lang/zh-CN';        //中文
import enLang from 'element-ui/lib/locale/lang/en';        //英文

if(sessionStorage.getItem('languageLocale')==null){
  newLocale = { locale:{...zhLang} };
}else if(sessionStorage.getItem('languageLocale')=='en-US'){
  newLocale = { locale:{...enLang} };
}else if(sessionStorage.getItem('languageLocale')=='zh-CNS'){
  newLocale = { locale:{...zhLang} };
}

注册i18n组件，并使用，在i18n切换语言的时候设置

components.vue

changeLanguage() {
  if(this.$i18n.locale == 'en-US'){
    this.$i18n.locale = 'zh-CN'
    sessionStorage.setItem('languageLocale','zh-CN')
  }else if(this.$i18n.locale == 'zh-CN'){
    this.$i18n.locale = 'en-US'
    sessionStorage.setItem('languageLocale','en-US')
  }
},

在使用i18n切换整个项目的语言后还得刷新一遍页面才能加载新的elementUI语言包；