@文心快码vue2使用vue-i18n 文心快码在Vue 2中使用vue-i18n进行国际化处理,可以按照以下步骤进行: 1. 安装vue-i18n库 由于Vue 2与Vue 3在生态系统上的不兼容,我们需要安装与Vue 2兼容的vue-i18n版本。通常,版本8.x是适用于Vue 2的。可以使用以下命令安装: bash npm install vue-i18n@8.2.1 --
const en = require('./en')//英文对应 Vue.use(VueI18n) //使用的是sessionStroage中存储的的lang,默认是中文简体cn varlanguage = window.sessionStorage.getItem('lang') ||'cn' const i18n =newVueI18n({ locale: language,//将i18n的locale设置为你需要的语言 messages: { 'cn':{ ...zhLocale,.....
Vue.use(VueI18n); consti18n =newVueI18n({ locale: localStorage.getItem('lang') ||'zh',// 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 messages: { 'zh': require('@/assets/VueI18n/language-zh'), 'en': require('@/assets/VueI18n/language-en'), 'fn': require(...
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...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从
坑太多) 首先新建一个vue2项目 vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint...
重现链接 无 重现步骤 无 预期行为 vue2版本中可以正常使用i18n 平台 操作系统: [macOS, Windows, Linux, React Native ...] 网页浏览器: [Google Chrome, Safari, Firefox ...] X6 版本: [2.11.1 ...] 屏幕截图或视频(可选) No response 补充说明(可选) No responseActivity...
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 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 具体可以参看:vue-i18n.intlify.dev/gu Vue I18n v8.x:import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ // ... }) new ...