因此,vue-i18n vue2版本与后续版本在兼容性方面存在一些问题,主要表现为: API变化:Vue 3版本的vue-i18n引入了新的API和全局方法,如createI18n和useI18n,这些在Vue 2版本中是不存在的。 插件安装方式:Vue 3使用全局的app.use方法来安装插件,而Vue 2则使用Vue.use。 响应式系统:Vue 3的响应式系统与Vue
第一步: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...
1. 定义语言包:需要几种语言展示,就定义几个语言包 2. 创建对象,对语言包进行整合,对象的 key 为语言包的引用,值为语言包对象 3. 创建 vue-i18n 类的对象,同时为其 messages 属性为第二步创建的对象,为其 locale 属性赋值为第二步中语言对象对应的 key 4. 再创建 Vue 实例对象时,挂载 vue-i18n 类的对...
别忘了上面的最后处,需要在new Vue构造器中写入i18n #定义语言包 上面我们在main.js通过import引入了两个语言包,一般来说,需要多少种语言,就要有多少个语言包,建议语言包中通过定义不同的字段划分不同页面 所属的素材: // zh.jsexportdefault{// 可以以页面为单位来写,比如首页的内容,写在index字段,个人中心写...
vue-i18n和Element国际化使用 vue-i18n版本为6.x 与 elementUI有冲突,以下是解决办法。 1.npm install –save vue-i18n 2、引用 –为了方便后去优化,单独新建一个i18n.js文件 import Vue from 'vue' import VueI18n from 'vue-i18n' /*element ui国际化*/ import locale from 'element-ui/lib/locale'...
使用https://www.npmjs.com/package/vue2-teleport 改写一下 https://github.com/antvis/X6/blob/master/packages/x6-vue-shape/src/teleport.ts 或许可以 lloydzhou commented on May 21, 2024 lloydzhou on May 21, 2024 Contributor 如果觉得改写 x6-vue-shape有难度,可以参考https://github.com/lloydzh...
环境:vue: 2.6.10,vue-i18n: 8.28.2 安装插件 npm install vue-i18n@8 在package.json中检查 在main.js中引入 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 import VueI18nfrom'vue-i18n'; Vue.use(VueI18n); consti18n =newVueI18n({ ...
vue2升级vue3:vue2 vue-i18n 升级到vue3搭配VueI18n v9 javascript 项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 周陆军博客 2022/06/24 7400 Nuxt3+vue-i18n国际化(巨坑!!
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 按语言异步加载语言包 一次加载所有翻...
vue2 中使用 的版本是 "vue-i18n": "^8.27.0", 至于哪些版本可以在vue3和vue2中使用,没有深究,有兴趣的可以自己探索 1.就是下载 npm i vue-i18n@8.27.0 -D 2.就是和上面一样建文件,不在赘述 3.在i18n.js文件使用 //i18n-setup.jsimport Vue from 'vue'import VueI18n from'vue-i18n'import en...