国际化

本项目集合了国际化 i18n 方案。通过 vue-i18n而实现。

由于本项目 ui 框架使用了element,所以国际化的同时也要将其国际化。 完整代码。 同时将当前 lang 语言存在 cookie之中,为了下次打开页面能记住上次的语言设置。

全局 lang

代码地址: @/lang 目前配置了英文和中文两种语言。

同时在 @/lang/index.js 中引入了 element-ui的语言包

使用:

// $t 是 vue-i18n 提供的全局方法,更多信息请查看其文档
$t("login.title");

异步 lang

有一些某些特定页面才需要的 lang,比如 @/views/i18n-demo 页面

import local from "./local";

this.$i18n.mergeLocaleMessage("en", local.en);
this.$i18n.mergeLocaleMessage("zh", local.zh);

移除国际化

src/main.js 中移除 import i18n from './lang' 并且删除 src/lang 文件夹。

并在 src/layout/components/Levelbarsrc/layout/components/SidebarItemsrc/layout/components/TabsView 等文件夹中 移除 this.$t('route.xxxx') 使用国际化的方式。

详细文章

Vue国际化处理 vue-i18n