🚀HeyUI完成国际化支持啦🌏🇨🇳🐼-阿里云开发者社区

🚀HeyUI完成国际化支持啦🌏🇨🇳🐼

2018-07-06 1450

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 距离上一次的TextEllipsis两周，终于又要迎来一次大的变动了。是的，我终于把HeyUI的国际化写完了，还顺便把整个网站翻译了一遍。总之，花费大半个月的时间。，默默回首我的端午假期.....

距离上一次的TextEllipsis两周，终于又要迎来一次大的变动了。
是的，我终于把HeyUI的国际化写完了，还顺便把整个网站翻译了一遍。

总之，花费大半个月的时间。
，默默回首我的端午假期.....

英文版官网

首先，我们已经有了英文版的系统啦。
戳我去看看

🇨🇳HeyUI国际化

HeyUI默认使用中文，如果需要使用其他语言，或者你需要修改一些表述方式，也可以参考下面的配置修改。

设置系统的语言


import Vue from 'vue';
import HeyUI from 'heyui';
import en from 'heyui/dist/locale/en-US';

Vue.use(HeyUI);
HeyUI.locale(en);

使用vue-i18n

import Vue from 'vue';
import HeyUI from 'heyui';
import VueI18n from 'vue-i18n';
import en from 'heyui/dist/locale/en-US';
import zh from 'heyui/dist/locale/zh-CN';

Vue.use(HeyUI);
Vue.use(VueI18n);
const messages = {
  en: Object.assign({ message: 'hello' }, en),
  zh: Object.assign({ message: '你好' }, zh)
};
const i18n = new VueI18n({
  locale: 'zh',  // set locale
  fallbackLocale: 'en',
  messages  // set locale messages
});

// init i18n with heyui
HeyUI.i18n(i18n);

// change language
// vue file
this.$i18n.locale = 'en';
// or
i18n.locale = 'en';