vue-i18n

JeecgBoot Vue2前端国际化语言切换

二.页面组件vue-i18n，可参考官方文档如弹出确认框，可选择高级后，再点击接受即可不知为啥会弹出危险确认框，如害怕不安全，也可自行查询相关查找
bug0到1·2023-09-12 22:33

vue-i18n的搭建以及踩坑（踩得脑瓜壳疼）

vue-i181n（vue官方文档）上面的链接是官方文档我的项目需求：前端平台需要做双语国际化，任何一个显示文字的角落都需要能切换双语。首先elementUI天生支持i18n废话少说。将i18n整合进VUE框架。我是通过npm的方式，但其实官方还提供了另一种src的引入方式。打开cmd，cd进入项目文件夹最外层，输入：npminstallvue-i18n找到工程中main.js这个文件。impor
各种萌新·2023-09-11 10:44

vue3项目部署报错 Faled to esolve entry for pacdlage “hntlify/sthared“

版本vue3.2.47vue-i18n9.2.2本地运行没有问题，jenkins上部署报错找不到"hntlify/sthared"包排查问题：查看vue-i18n官网，发现有引用到这个包“hntlify
MichstaBe Stars·2023-09-10 19:32

React如何实现国际化?

组件index.jsindex.less三、创建语言包welcomeLocale.jsindex.js四、使用react的入口文件App.jswelcome.js附关于如何实现国际化，有很多方法，比如vue-i18n
小小•愿望·2023-09-10 18:33

vue3+vite项目运行报错[plugin vite:dep-pre-bundle]

报错截图原因：vue-i18n插件于9.5更新，打包和引入方式有改变，所以新启动和新部署的项目都会有这个问题。
since �·2023-09-09 01:24

Vue3+Vue-i18n+I18N ALLY+VSCODE 自动翻译多国语言

三种语言模式，分别是中文、英文、日文批量翻译最后的结果配置vue-i18n1、下载安装vue-i18n，@9以上的版本。
Oxygen_liu·2023-09-07 14:18

Vue i18n 国际化

i18n(其来源是英文单词internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称[vue-i18n]是一个vue插件，主要作用就是让项目支持国际化多语言引入vue-i18n
凤箫之舞·2023-09-07 08:03

Vue3 + element-plus 国际化

前言本案适用于Vue3+element-plus项目国际化的实现，支持多种语言，其中包括了常规内容的国际化和element-plus的国际化插件：i18n、vue-i18n官方案例：https://element-plus.gitee.io
cdShow985·2023-09-04 21:13

Vue3设置i18n国际化踩坑

全局引入在src下新建local文件夹，index文件下：import{createI18n}from'vue-i18n';importzh_CNfrom"@/locales/lang/zh_CN";importen_USfrom
Jerry cat·2023-09-02 09:46

Vue3 多语言 Vue-I18n国际化

官网及完整代码地址官方文档：VueI18n完整代码地址：front-manager/src/view/login/index.vue·cheinlu/土拨鼠充电系统-Gitee.com二、实现步骤：2.1、安装vue-i18n
翻滚的露西·2023-08-29 16:16

vue3之vite按需引入解放双手（unplugin-auto-import）

typescript说明npmi-Dunplugin-auto-importvite.config.ts配置在plugins里面AutoImport({imports:['vue','vue-router','vue-i18n
早上不想起_·2023-08-29 08:15

vue 中实现多语言

三、在main.js中引入四、页面使用（用$t写入）vue-i18n提供了一个全局配置参数叫“locale”，通过改变locale的值可以实现不同语言的切换。在页面中只需要在切换时，修改this.
々十五々·2023-08-25 07:49

uniapp国际化npm install vue-i18n报错

npminstallvue-i18n//npmyarnaddvue-i18n//yarn在vue2环境下，默认安装npminstallvue-i18n的版本是[email protected]，所以报错。npmviewvue-i18nversions--json用以上命令查看版本：vue2建议5.0版本npminstallvue-i18n@5
陈序员@·2023-08-22 05:36

vue2使用国际化语言vue-i18n

1、安装$npminstallvue-i18n//或$yarnaddvue-i18n2、引用在main.js中引用importVueI18nfrom'vue-i18n'Vue.use(VueI18n)运行项目
AwoCT·2023-08-19 11:46

vue 中的 $

1）$t('')项目配置国际化(浏览器的语言环境不同，相应设置不同的语言配置文件)import{useI18n}from'vue-i18n';  //引入vue的国际化插件const{t}=us
一车鸡蛋·2023-08-18 00:43

【vue+vue-i18n插件】实现vue项目中英文切换

没有很难的技术一、安装npminstallvue-i18n二、全局引入，在main.js中引入importVuefrom'vue'//一般main.js中都有这一行importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui
花椒和蕊·2023-08-15 18:01

Vue 中英文切换(vue-i18n)结合elementUI

项目中需要用到中英文切换，这里用到vue-i18n插件，配合localStorage使用第一步：下载包vue-i18nnpminstall--savevue-i18n第二步：在main.js中引入vue-i18n
zlting~·2023-08-15 18:31

Vue项目中的多语言实现—vue-i18n插件的使用

Vue项目中的多语言实现—vue-i18n插件的使用实现的条件（原理）1、语言标识符2、中英文对照字典表3、翻译官–根据文字标识符找到对应的语言文字并反返回示例步骤：1、声明相关变量语言标识符lang:
wendyymei·2023-08-15 18:31

实现 vue2 中使用 vue-i18n 实现中英文切换功能

npminstallvue-i18n@8-S2.创建i18n.js文件importVuefrom'vue'importElementfrom'element-ui'importVueI18nfrom'vue-i18n
郭靖8·2023-08-15 18:00

vue 管理后台 引入I18n 配置 中英文功能切换（完整版）结合vue-router

1.npm安装方法npminstallvue-i18n--save2.在main.js中引入vue-i18n（前提是要先引入vue）importVueI18nfrom'vue-i18n'Vue.use(
蓝胖子的多啦A梦·2023-08-15 18:30

vue项目中实现多语言 vue-i18n处理动态加载后端数据语言

项目要求多语言最好是可以根据后台配置的显示首先是安装npminstallvue-i18n-S当然也可以这样：然后需要在main.js中引入文件1、添加locales文件夹新建一个locales文件夹，存放所有跟多语言相关的代码。目前包含三个文件：index.js,en.json,zh.jsonen.json和zh.json就是我们的语言包，是一个json形式。这里为了对照方便，我们必须保证语言包的
Harriet嘉·2023-08-15 18:30

在vue3中使用vue-i18n多语言配置

1、安装vue-i18n我目前使用的版本"vue":“^3.2.25”,“vue-i18n”:“^9.1.10”,pnpmivue-i18n2、新建中英文对照语言//language/en.jsexportdefault
A_bad_boy_hahaha·2023-08-15 18:59

vue3 +ts+vue-i18n中英文切换

vue-i18n（版本号^9.1.9）官网地址`https://vue-i18n.intlify.dev/guide/migration/breaking.html#apis`如图：##第一步下载依赖npminstallvue-i18n
mxlWhb·2023-08-11 22:16

Vue3+ts 配置i18n国际化，解决i18n警告

i18n，封装hook，解决i18n警告1.安装包yarnaddvue-i18n@next2.基础步骤导入创建i18n方法//locale/index.tsimport{createI18n}from"vue-i18n
前端小海绵·2023-08-11 22:45

Vue3 + ts + element-plus + i18n 国际化配置

一、安装vue-i18n依赖npminstallvue-i18n@next二、准备语言包创建src/i18n/lang语言包目录，中文语言包为zh-cn.ts，英文语言包为en.ts。
倔强的小绵羊·2023-08-11 22:13

Vue3.2+TS通过i18n实现国际化全流程，使用Vue3.2+TS+i18n来给大家实现一下项目的国际化，并且单独封装一个切换语种的组件，解决出现的bug

1.安装i18nnpminstallvue-i18n--save//我的版本是"vue-i18n":"^9.2.2"2.在src目录下，新建一个locales文件夹，此文件夹内新建一个index.ts文件
道长道长IOT·2023-08-11 22:10

【错误记录】Uncaught SyntaxError: Not available in legacy mode

错误记录：UncaughtSyntaxError:Notavailableinlegacymode错误描述：在vite脚手架项目当中，使用vue-i18n插件进行国际化多语言时，报错解决方案：在引入vue-i18n
早睡第一人·2023-08-11 08:35

国际化项目

中英文切换需求是否做过中英文网站已有的vue项目需要在已有中文网站上增加一种英文调研方法多种技术vue-i18nhttps://www.npmjs.com/package/vue-i18n
moly琴·2023-08-11 05:28

vue3+vue-i18n 监听语言的切换

如上所述，如果只是在页面中展示不同语言的文字，还是很简单的，只需要安装、配置vue-i18n之后，在页面中用$t(‘变量名’)就行了（这里指的是html中
一只爱吃糖的小羊·2023-08-08 04:41

【VUE】vue-i18n: Uncaught SyntaxError: Not available in legacy mode

环境vue^3.3.4vue-i18n^9.2.2vite^4.4.7问题在vite脚手架项目当中，使用vue-i18n插件进行国际化多语言时，报错：UncaughtSyntaxError:Notavailableinlegacymode
假意诗人·2023-08-04 15:38

【vue-i18n踩坑】The message format compilation is not supported in this build.

使用vue3+vite+vue-i18n时，在对不同环境打包时出现development的包翻译失效问题，具体报错如下：“[intlify]Themessageformatcompilationisnotsupportedinthisbuild.Becausemessagecompilerisn’tincluded.Youneedtopre-compilationallmessageformat.
krico233·2023-08-04 15:37

【chrome扩展开发】vue-i18n使用问题及解决方案

记录chrome扩展开发时调用vue-i18n的一些问题和解决方法环境vue:^3.3.4vue-i18n:^9.2.2vite:^4.4.8错误1Uncaught(inpromise)EvalError
假意诗人·2023-08-04 15:35

2019-04-19 vue +vue-i18n实现国际化多语言

1.首先安装vue-i18n命令：npminstallvue-i18n2.在main.js中配置图片1按照上面写之后前台报什么VueI18nconfigundefined错误，查了半天解决办法如下：暂时不懂为什么
623_54e8·2023-08-03 20:44

使用 vue-i18n 进行Vue国际化处理，使项目切换中英文

1.下载安装插件命令进入项目目录，执行以下命令安装vue国际化插件vue-i18nnpminstallvue-i18n--save2.项目增加国际化翻译文件在项目的src下添加lang文件夹增加中文翻译文件（zh.js）以及英文翻译文件（en.js），里面分别存储项目中需要翻译的信息。en.js英文语言包：exportconstm={//导航栏navbar:{HOME:'HOME',ABOUTUS
zxuanxuanz·2023-07-27 21:46

vue-i18n国际化

一前端vue的国际化：1、安装依赖：@8是版本号npminstallvue-i18n@82,在main.js中修改以下内容：importVueI18nfrom'vue-i18n'//通过Vue.use(
猩猩之火·2023-07-25 09:55

Vue3 如何使用多语言 vue-i18n

next或yarnaddvue-i18n@next第二步：在src目录下新建lang并新建index.js文件下面是src/lang/index.js代码import{createI18n}from'vue-i18n'exportdefaultcreateI18n
zZ_d205·2023-07-25 08:12

基于tauri+vue3+pinia2客户端管理系统程序|tauri+vite4后台系统

支持多窗口切换管理、vue-i18n多语言、动态路由权限、常用业务功能模块及动态路由缓存等功能。
xiaoyan_2018·2023-07-23 12:05

vue3中通过vue-i18n实现国际化

效果图前言突然想在vue3项目中使用国际化功能，查阅相关资料后发现和vue2的用法有些出入，记录一下使用下载vue-i18nnpmivue-i18n2、准备语言文件目前我的项目只支持中英文切换，故准备一份中文文件和一份对应的英译文件创建langurage文件夹，里面存放zh.ts和en.ts文件zh.ts文件exportdefault{home:{title:"本地抠图工具",operateMet
imsopoor·2023-07-23 00:10

vue-i18n快捷使用

1.npminstallvue-i18n--save2.importVueI18nfrom'vue-i18n';Vue.use(VueI18n);consti18n=newVueI18n({locale
海元素·2023-07-20 00:32

Vue3.0 在组件外使用 VueI18n 的问题

Vue3的组合API一起使用，但在组件的setup()之外，需要这么写//locales/setupI18n.tsimport{App}from'vue';import{createI18n}from'vue-i18n
mrhaoxiaojun·2023-07-19 04:42

vue-i18n 实现国际化，支持切换不同语言

需求：后台管理系统，可以实现语言切换实现过程：用的i18n来实现的语言切换，网上能看到好多模板，根据自己的需求，修改一下即可使用，大概都是差不多的，因为涉及到后端，所以要跟后端协商一致决定去写，我的设计思路是跟着后端设计更改的，如下:1.语言是后端接口返回的，不是前端写死的（eg：中文、English）,由于我的切换语言，设计到了两个地方，一个是登录页面，一个是登录之后的页面，后端不能给一个接口，
阿wei程序媛·2023-07-18 01:09

vue-i18n 安装依赖失败

报错信息报错原因是：版本不匹配npmviewvue-i18nversions--json查看所有的版本，选择安装合适的版本即可我最后安装的是5.0.0版本的，无报错npminstallvue-i18n@5
阿wei程序媛·2023-07-18 01:08

19.11.28 vue和elementui国际化i18n

具体步骤：1）下载vue-i18n包。（通过命令行）2）在src目录中添加i18n文件夹，其中包括各种语言的js文件。
Spring_Yifan·2023-07-17 23:50

VSCODE插件Comment Translate突然翻译不了的问题

因为项目用了vue-i18n，为了方便快速翻译，所以装了CommentTranslate插件之前一直都可以使用，现在突然就不行了。
流浪码农~·2023-07-16 11:55

vue国际化（多语言）

npminstallvue-i18n-Snpminstalljs-cookie--save2、去检查一下你安装的i18n版本是不是8.26.53、在main.js中引入importVueI18nfrom'vue-i18n
Zhou_慧·2023-06-22 08:56

前端笔记（12）nuxt js 多语言方案

使用vue-i18n实现国际化,多语言数据保存在locales文件夹内；通过URL的params与vuex共同维护当前语言状态；路由改变时触发middleware/i18n.js中间件，如果当前路由不包含多语言即
sullay·2023-06-18 11:29

vite项目中vue-i18n国际化与Element-Plus自动导入结合实现

但是一直没有使用的机会，正好这次要搭建一个vite+vue3的基础项目，使用了Element-plus框架，并设设置自动引入组件，刚好也需要设置国际化，所以打算将两者结合使用，通过结合Element-plus与vue-i18n
ZERO丶X·2023-06-16 04:55

vue-cli与vue-i18n的整合

一共三个步骤：1、安装；2、引入；3、使用1、安装yarnaddvue-i18n或者npminstallvue-i18n2、引入在main.js入口文件添加：importVueI18nfrom'vue-i18n'Vue.use
·2023-06-13 18:58

vue3＋vant4实现国际化语言切换以及解决Not available in legacy mode 报错问题

vue-i18nnpminstallvue-i18n2.先进行国际化配置在src下创建一个lang文件夹并在其中创建index.js、zh_cn.js、en_us.js、zh_hk.js文件在index.js中配置如下：//vue-i18n
祝你今天也快乐·2023-06-12 21:31

Vue-i18n多语言使用

vue-i18n仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持Vue.js2.x以上版本安装方法：（此处只演示npm）npminstallvue-i18n使用方法
CodeMT·2023-06-12 04:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他