vue i18n 多语言 国际化

import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router/index’
import base from ‘../src/css/base.css’
import FastClick from ‘fastclick’
import axios from ‘axios’
import VueI18n from ‘vue-i18n’
import store from ‘./store/store’

import zh from ‘./components/lang/zh’
import en from ‘./components/lang/en’

// Vue.config.productionTip = false;

Vue.prototype.$axios=axios;
Vue.use(VueI18n);

const i18n = new VueI18n({
locale: ‘zh-CN’, // 语言标识
//this.$i18n.locale // 通过切换locale的值来实现语言切换
messages: {

'zh-CN': zh,   // 中文语言包
'en-US': en    // 英文语言包

}
});

/ eslint-disable no-new /
new Vue({
el: ‘#app’,
router,
store,
i18n,
components: { App },
template: ‘<App/>’
}).$mount(‘#app’);
Vue.i18n((key, value) => i18n.t(key, value));

clipboard.png

回答:

clipboard.png
后来写了这么一句后解决了问题。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注