这样,你就完成了在Vue 2中使用vue-i18n插件进行国际化处理的基本配置。
return setI18nLanguage(lang); // 返回并且设置 }); } changLang(currentLang); export default i18n; 这样就可以了 注意事项 由于是异步加载,比如初始化只加载 fallbackLocale ,代码中注释的部分 vue3使用vue-i18n 9.x ,相关方法在http://i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或...
第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 importVue from'vue' importVueI18n from'vue-i18n' importElementLocal from'element-ui/lib/locale' importenLocale from'elem...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从
安装vue-i18n 项目根目录下打开终端或命令行工具,运行以下命令来安装相关依赖包: npm install vue-i18n@8.27.1 --save 使用 1. 在src/components目录中新增一个名为i18n的目录,并添加以下3个文件: src/components/i18n/locales/en/index.js英语语言包: ...
vue-i18n-init 依赖安装 npm install 启动 npm run dev 构建 npm run build 国际化 安装 vue2 用不了最新版 会运行报错 所以这里指定下版本 npm install vue-i18n@8.2.1 配置 新建i18n模块和对应的语言文件 importVuefrom"vue";importVueI18nfrom"vue-i18n";importzhfrom"element-ui/lib/locale/lang/zh-CN...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...
通过源码进一步得知this.$i18n在内部通过this._i18n获取国际化对象,所以直接将i18n赋值给_i18n, 此处暂时可解决antv x6自定义vue节点无法国际化问题 特别注意:此处使用了vue-i18n包的内部变量_i18n,防止升级i18n后废弃该变量导致问题 */ Vue.prototype._i18n = i18n;Sign...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...
1.vue3 的使用,需要安装最新版的i18n,安装一般在"^9.1.9" npm install vue-i18n@next 或 yarn add vue-i18n@next 2.在使用之前需要先创建语言的文件夹,并将其导出,例如 langs可以放入你想要变化的任何语言,不止中文和英文,文件的内容JSON文件就是需要前面的变量相同,后面的值就是你当前语言的值 ...