此文章主要结束 i18n 在 js 中如何使用 , 在 vue 中的使用参考:
vue2 + elementUI (vue-i18n)使用国际化语言
import VueI18n from 'vue-i18n'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import zh from './zh'
import en from './en'
const messages = {
en: {
message: 'hello',
...enLocale, // 引入 Element UI 英文包
...en,
},
zh: {
message: '你好',
...zhLocale, // 引入 Element UI 中文包
...zh,
},
}
const i18n = new VueI18n({
locale: localStorage.getItem('lang') || 'zh', // set locale
messages, // set locale messages
})
export default i18n
使用 :
import I18n from '../Language/I18n'
msg: {
submit: I18n.t('message.submit'),
add: I18n.t('message.add'),
edit: I18n.t('message.edit'),
del: I18n.t('message.del'),
},