vue + iview + vue-i18n中英翻译

main.js引入iview

import ViewUI from 'view-design'; import 'src/styles/index' import fs from "fs"; Vue.use(ViewUI,{ i18n:(key,value)=>i18n.t(key,value), //记得添加，不然在会导致组件报错 });

main.js引入vue-i18n

import i18n from 'src/config/i18n/i18n' const apps = new Vue({ i18n, data(){ }, render: h => h(App), }).$mount('#app')

vue-i18n引用定义

import Vue from "vue"; import VueI18n from 'vue-i18n' Vue.use(VueI18n) import zhLocale from "view-design/src/locale/lang/zh-CN"; import enLocale from "view-design/src/locale/lang/en-US"; console.log(enLocale) const en = require('./langs/en') const i18n = new VueI18n({ locale: 'en', fallbackLocale:"ch", silentTranslationWarn: true, // formatFallbackMessages:true, messages: { en: Object.assign(en, enLocale), ch: zhLocale } }) export default i18n;

en.js翻译定义

module.exports = { error:"errrr", 星期一:'mon', 星期二:'tue', 星期三:'wed', 星期四:'thu', 星期五:'fri', 星期六:'sat', 星期日:'sun', }