鍍金池/ 問答/HTML/ element UI語言切換時(shí)遇到問題?

element UI語言切換時(shí)遇到問題?

各位下午好,我們的項(xiàng)目使用了vue-i18n@7.x作為語言切換插件,后來在項(xiàng)目中引入了elementUI,想把elementUI中的語言切換和該插件結(jié)合起來。我是這樣做的:


import Vue from 'vue'
import VueI18n from 'vue-i18n'

import eleLocale from 'element-ui/lib/locale';
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

Vue.use(VueI18n);

const locale = 'en-US' // default locale

const i18n = new VueI18n({
    locale,
    messages: {
        'en-US': {
            message: {
                hello:'hello world!'
            },
            enLocale
        },
        'zh-CN': {
            message: {
               hello:'你好,世界'
            },
            zhLocale
        }
    }
});
eleLocale.i18n((key, value) => i18n.t(key, value)) //為了實(shí)現(xiàn)element插件的多語言切換

export default i18n

結(jié)果在頁面中出現(xiàn)了這樣的錯(cuò)誤:
圖片描述

報(bào)錯(cuò)信息如下:
圖片描述

請各位指點(diǎn),應(yīng)該怎么辦

回答
編輯回答
生性
2018年5月6日 15:07
編輯回答
孤巷

已經(jīng)解決了,用的是Object.assign({ message: 'hello' }, enLocale)方法
注意在使用該種寫法時(shí),需要把包在外面的大括號去掉

2017年12月13日 07:20
編輯回答
雨萌萌

是不是模板語法有錯(cuò),都渲染出來了

2017年1月10日 21:14