- 本方案基于i18n二次封装、实现了系统国际化和elementUi国际化功能。
1.安装dm-i18n
npm install dm-i18n
2.在main.js中引用
// 引用dm国际化方法和实例
import dmI18n, {i18n, formatI18nData} from "dm-i18n";
// locales参数为默认国际化语言 (zh-CN、en-US...)
// elementUiSize参数为 elementUi组件size 默认位small
Vue.use(dmI18n, {locales:langType,elementUiSize:'small'})
/**
* formatI18nData -格式化i18n数据
* @param {array} systemCode -占位符用到的一级key
* @param {json,array} i18nData -i18nData 系统国际化接口获取的数据
*/
// formatI18nData(systemCode, i18nData) -格式化i18n数据源 接受两个参数
// setLocaleMessage -i18n设置语法
i18n.setLocaleMessage(
langType,
formatI18nData(["home","pzdp","home2"], i18nData)
);
// 将i18n挂载到Vue实例
new Vue({
el: "#app",
i18n,
...
});