iview国际化问题（iview官方提供的兼容[email protected]+使用组件报错）

问题描述：

按照iview官方的说法配置i18n发现在使用组件的时候会报错。

兼容 [email protected]+的配置如下图

image.png

报错如下图1

image.png

如果用到this.$Modal.confim()渲染弹框会报错如下：

image.png

解决方法如下图：

image.png

import Vue from 'vue'
import {router} from './router/index'
import iview from 'iView'
import VueI18n from 'vue-i18n';
import en from 'iview/dist/locale/en-US';
import zh from 'iview/dist/locale/zh-CN';
import App from './App'

// 国际化
Vue.use(VueI18n);
Vue.locale = () => {};
const messages = {
  en: Object.assign({ message: 'hello' }, en),
  zh: Object.assign({ message: '你好' }, zh)
};
const i18n = new VueI18n({
  locale: 'en',  // set locale
  messages  // set locale messages
});
Vue.use(iview, {
  i18n: (key, value) => i18n.t(key, value)
});

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

参考文章：https://www.cnblogs.com/guojikun/p/9146084.html