vue + iview + vue-i18n中英翻译
2026/6/15 22:51:23 网站建设 项目流程
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', }
© 著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务


喜欢的朋友记得点赞、收藏、关注哦!!!

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询