基础配置如下:
Jeecg 结合Vue-i8n国际化双语配置_steve_sjf的博客-CSDN博客_jeecg 多语言
在同一项目中,已有双语配置文件。
手机端只需引入双语配置:
import Vue from 'vue';
import router from '@/mobile/router';
import store from '@/mobile/store';
import App from '@/mobile/App';
import 'amfe-flexible';
import './utils/vant-use.js';
import i18nMgmt from '@/locale/i18n-mgmt-inst';
import VueI18n from 'vue-i18n';
// css
import './styles/index.scss'; // global css
import './styles/vantui.scss'; // modify vant-ui css publicly
Vue.use(VueI18n);
/* eslint-disable no-new */
i18nMgmt.init().then(({ lang, langPackage }) => {
const messages = {};
messages[lang] = langPackage;
const i18n = new VueI18n({
locale: lang,
messages
});
new Vue({
el: '#app',
router,
store,
i18n,
render: h => h(App)
});
});
双语添加速查:
<div class="bgGrey">{{ $t("sdkAdd.addSdk") }}</div>
<el-form-item :label="$t('sdkAdd.sdkDirectory')" prop="floder">
js中:
this.$t('wrong_price')