鍍金池/ 問答/HTML/ vue i18n 多語言 國際化

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的值來實現(xiàn)語言切換
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
后來寫了這么一句后解決了問題。

2018年5月27日 11:13