Bootstrap

vue2.0 vue-i18n报错问题处理

1、首先升级vue-i18n的版本为^8.26.7

"vue-i18n": "^8.26.7",

2、main.js文件进行更换:

// 自动设置语言
const navLang = navigator.language;
const localLang = (navLang === 'zh-CN' || navLang === 'en-US') ? navLang : false;
const lang = window.localStorage.getItem('language') || localLang || 'zh-CN';
Vue.config.lang = lang;
Vue.config.productionTip = false;
// 多语言配置
const locales = Locales;
const mergeZH = Object.assign(zhLocale, locales['zh-CN']);
const mergeEN = Object.assign(enLocale, locales['en-US']);
Vue.locale = () => {};
const i18n = new VueI18n({
  locale: 'zh-CN',    // 语言标识
  messages: {
    'zh-CN': mergeZH,   // 中文语言包
    'en-US': mergeEN    // 英文语言包
  },
})


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  i18n,
  template: '<App/>',
  components: {App}
});

注意点:首先要将国际化语言配置更换,其次要在vue中添加你的引用。

;