vue + iview + vue-i18n中英翻译

苹果醋32025-12-23 8:49

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',
}