問題描述：
按照iview官方的說法配置i18n發(fā)現(xiàn)在使用組件的時(shí)候會(huì)報(bào)錯(cuò)。
兼容 vue-i18n@6.x+的配置如下圖
image.png
報(bào)錯(cuò)如下圖1
image.png
如果用到this.$Modal.confim()渲染彈框會(huì)報(bào)錯(cuò)如下：
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'
// 國(guó)際化
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: '<App/>'
})
