vue-i18n

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

深入vue-element-admin（一）--国际化(router中实现)

1.使用vue-i18nimportVueI18nfrom'vue-i18n'Vue.use(Cookies)Vue.use(VueI18n)consti18n=newVueI18n({locale:'
青涩的韭菜黄·2023-06-10 01:19

Vue3中使用vue-i18n实现多语言切换

1、安装插件【注意Vue3使用9版本，Vue2用的是8版本】npminstallvue-i18n@next或者yarnaddvue-i18n@next2、在src在创建lang文件夹，并创建index.js、i18n.js、和翻译的内容文件3、写入翻译内容，举个例子：英文（en）、中文简体（zhCN）、中文繁体(zhTN)constzhCN={messages:{"upload":"上传"}}ex
云卷云舒%·2023-06-10 00:18

vue lang_Vue实战043：i18n实现多语言自动切换

让更多人认识和使用我们的项目，这就需要有一套适合其他他们阅读的语言系统，至少得支持英文对吧，毕竟英文是国际通用语言，当然如果你有精力也可以针对性开发多套语言供用户选择，这里我们选择给项目添加中英文两种语言，我们用到的插件是vue-i18n
weixin_39732018·2023-06-09 18:20

vue-i18n插入变量，HTML等

定义i18n变量：assets\locales\zh-CN\base.json{"cups-count":"这里有{count}个杯子"}components\cup\index.vue：一、直接插入count变量：{{$t('cups-count',{count:6})}}直接使用变量，页面上：杯子详情{{$t('cups-count',{count:6})}}二、以HTML形式插入count变
唯一的wataru·2023-06-09 16:01

vue中如何使用i18n实现国际化

一、前言在项目中需要使用多语言切换，也就是我们所说的国际化，在vue中所匹配的国际化插件工具就是vue-i18n；二、如何实现国际化首先我们在项目中安装vue-i18n依赖包：npminstallvue-i18n
adou·2023-06-08 12:42

Vite4 + Vue3 + Pinia2 + ElementPlus 实现国际化包括Element内部组件以及表单校验(超详细)

不要问为啥要使用国际化(vue-i18n)，现在很多主流的UI框架，上去你会发现他们的文档都是支持多语言的。那我们在工作中难免会有潜在的客户是来自其他国家的。
Etc.End·2023-06-07 17:11

使用Vite虚拟模块功能重写多语言和多皮肤插件

使用vite和vue-i18n，实现部署后新增多语言包功能使用vite和ElementPlus，实现部署后新增主题/皮肤包但是，当时的实现形式有点“稚嫩”，仅仅是做了文件的
漂流瓶jz·2023-04-21 17:58

vue项目使用electron打包成桌面应用

vue项目electron制作桌面应用写在前面很想使用electron制作一个桌面应用，但是真的上手使用的时候才发现electron的坑实在是太多了先将遇到的坑记录在这里，遇到一个记录一个使用9以上版本的vue-i18n
不可名状邵雅虎·2023-04-18 19:03

vue2、vue3使用i18n实现国际化

一、目标效果源码地址：gitclonei18n-demo:vue2、vue3实现i18n国际化功能默认语言是中文：点击语言切换，变成英文（这里简单设置了中文、英文两种语言）注意：vue2支持vue-i18n
码上编程·2023-04-17 00:35

vue-i18n使用

起步1.安装npminstallvue-i18n2.创建i18n.jsi18n.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use(VueI18n
好难想的名字·2023-04-13 20:18

vue项目国际化配置

1、安装vue-i18n+js-cookie插件npminstallvue-i18n-Snpminstalljs-cookie--save即在package.json中dependencies节点添加vue-i18n"vue-i18n
Wen先森·2023-04-13 07:02

uniapp国际化配置

locale文件夹，新增index.js,en.json,zh-hans.json2.配置locale文件夹中的index.js文件importVuefrom'vue'importVueI18nfrom'vue-i18n
Wen先森·2023-04-12 08:02

vue-i18n使用规则

安装npminstallvue-i18n//或者yarnaddvue-i18n基础设置importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use(VueI18n
莫伊剑客·2023-04-08 12:29

解决vue-i18n在非.vue文件中，在其他js文件，譬如axios拦截器等js文件中如何使用的问题

我封装的axios请求文件只需要看步骤1、2、3、4//request.jsimportaxiosfrom'axios'import{Message}from'element-ui'//1.还是需要引入vue-i18n
一键写代码·2023-04-07 10:49

el-date-picker 限制时间选择

遇到的需求：发送时间只可选择当前时间之后的时间，精确到分钟，封装成组件importdayjsfrom'dayjs'import{ComposerTranslation}from'vue-i18n'import
kite吖·2023-04-07 05:28

electron+vue3全家桶+vite项目搭建【六】集成vue-i18n 国际化

文章目录引入1.引入依赖2.集成vuei18n3.测试代码4.封装多语言切换组件5.测试多语言切换6.优化代码引入如果需要多语言支持，那么最好在项目搭建之初我们就集成好国际化vuei18n官网demo项目地址1.引入依赖cnpminstallvue-i18n@92.集成vuei18n1.我们现在src下面创建locals目录，里面创建packages目录,然后分别创建en.ts和zh-cn.ts/
编程小龙·2023-04-05 18:07

Laravel中vue-i18n使用记录

事例演示的是laravel中vue的架构，采用vue-i18n支持多语言，地址栏地址展示为下述样式（以zh和en区分中英文）：http://xxx.com/zhhttp://xxx.com/zh/abouthttp
天才式笨蛋·2023-04-05 09:16

使用vite+vue3构建生产级项目架构

•框架：Vue3•路由管理：Vue-router•状态管理：Vuex•UI组件库：ElementUI•可视化数据展示：echarts•国际化：vue-i18n•数据请求：Axios下面，我们就对项目架构依次搭建起来
任磊abc·2023-04-05 04:03

A07-vue-i18n国际化配置

‍个人主页：SilenceLamb本章内容：【vue-i18n国际化配置】Silence-Vuev1.0.0基于VUE前端快速开发框架一、创建工具类1.1【本地缓存】本地缓存|会话级缓存：src\utils
Silence Lamb·2023-04-04 18:20

Vue中如何使用i18n实现国际化

vue+vue-i18nangular+angular-translatereact+react-intljquery+jquery.i18n.property一、国际化的实现1、首先在自己的项目中安装vue-i18n
生于乱世·2023-04-03 16:15

vue + iview + vue-i18n中英翻译

main.js引入iviewimportViewUIfrom'view-design';import'src/styles/index'importfsfrom"fs";Vue.use(ViewUI,{i18n:(key,value)=>i18n.t(key,value),//记得添加，不然在会导致组件报错});main.js引入vue-i18nimporti18nfrom'src/config/
哎呦程序猿·2023-03-31 14:54

vue3+ts 中英文切换

1.安装vue-i18n依赖yarnaddvue-i18n或者npminstallvue-i18n--save-dev2.创建文件夹locales,创建3个文件分别为index.ts;en.ts;zh.ts
qq_40055200·2023-03-29 04:45

vue国际化

vue-i18n是一个vue插件，使用时需要在main.js中引用importVuefrom'vue'importAppfrom'./app.vue'importstorefrom'.
_ing_f909·2023-03-28 20:59

vue-i18n实现vue对语言切换，国际化。

1、安装vue-i18n：npminstallvue-i18n如果npm长时间无反应，或安装失败，可以换成淘宝镜像安装：cnpminstallvue-i18n2、在main.js中引用：importVueI18nfrom'vue-i18n'Vue.use
BluceSun·2023-03-28 10:23

vue 项目使用vue-i18n报错 Cannot translate the value of keypath 'xxx'. Use the value of keypath as default.

项目中使用vue-i18n，报了一堆这种错image.png可以在创建i18n示例的时候加上参数去掉这些warningconsti18n=newVueI18n({locale:lang,//setlocalemessages
小小弓长张·2023-03-27 08:44

i18n国际化

i18nnpminstallvue-i18n项目中创建i18n文件夹分别存放index.js、zh.js、en.jsindex.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'importzhfrom
张晓畅·2023-03-24 19:55

vue3使用i18n实现国际化与动态切换语言

https://kazupon.github.io/vue-i18n/zh/started.html#javascript安装依赖:npminstallvue-i18n@next"vue-i18n":"
垃圾简书_吃枣药丸·2023-03-24 13:36

vue扩展组件的国际化

使用Vue.extend扩展的组件中使用vue-i18n时报_tundefined。
belllee·2023-03-22 13:14

【vue-i18n】

1、在main.js中引入vue-i18n（前提是要先引入vue）importVueI18nfrom'vue-i18n'Vue.use(VueI18n)2、准备本地的翻译信息constmessages=
玲儿珑·2023-03-19 21:16

2019-12-16-vue-i18n-前端国际化

/不同的语言翻译en-US.js//英文zh-CN.js//中文translate.js//翻译主体文件translate.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'importenUSfrom
等来年再放弃·2023-03-18 08:36

vue-i18n beforeDestroy不能调用this.$t

提出[BugReport]：https://jsfiddle.net/masongzhi/tpy4kv1e/8/因为vue-i18n在beforeDestroy中会注销this.
天驱丶·2023-03-15 21:36

VUE项目国际化处理

前言：在大型项目开发中我们经常会遇到项目多环境，国际化（多语言切换），主题切换等常见业务场景，本篇博客分享在vue开发中借助vue-i18n处理国际化具体步骤。
谢栋·2023-03-12 12:30

vue@2.6.14安装vue-i18n报错，peer vue@“^3.0.0“ from vue-i18n@9.1.9

在vue2环境下，默认安装npminstallvue-i18n的版本是vue-i18n@9.1.9，所以报错信息如下：npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Whileresolving:x-touch@0.1.0npmERR!Found:vue@2.6.14npmERR!node_m
半夏_2021·2023-02-24 12:05

前端支持国际化流程 vue

国际化开发流程这里我采用的是i18n来进行国际化下面是国际化的步骤：下载vue-i18n插件，这里笔者在下载的时候下载失败了，看了一下报错信息是因为版本的问题在vue2环境下，默认安装npminstallvue-i18n
旧巷幽草{香·2023-02-24 03:56

Vue3以及element-plus最新版，国际化，多语言，高度封装。按模块区分语言文件，适应大型项目。减少冲突。

vue3+以上的vue-i18n文档vue3+以上的使用方式改变了。可能是为了跟vue3保持一致
默默无闻的小人物·2023-02-18 23:13

vue通过i18n实现国际化

1.安装vue-i18nnpminstallvue-i18n2.在main.js中全局引入importVueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过插件的形式挂载consti18n
粥粥小芋头·2023-02-18 17:34

对国际化 i18n 项目的一点思考

Internationalization，又称i18n：i为单词的【第一个】字母18为【i和n之间】单词的个数n代表这个单词的【最后一个】字母如果你的项目是Vue，那么相信你在实现国际化功能时，也必不可少的会使用到vue-i18n
·2023-02-16 20:02

i18n国际化

vue+vue-i18nangular+angular-translatereact+react-intljquery+jquery.i18n.property二、Vue项目实现国际化这里来对vue使用vue-i18n
张先觉·2023-02-07 06:18

vue2升级vue3：vue2 vue-i18n 升级到vue3搭配VueI18n v9

//vue-i18n.intlify.dev/guide/migration/breaking.htmlVueI18nv8.x:importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
zhoulujun·2023-02-04 14:10

Vue-i18n与Vuex-i18n等vue的国际化方案

Vue-i18n与Vuex-i18n等国际化方案文档时间：2021-01-04vue-i18n和vuex-i18n两者皆为vue项目的国际化方案。
Nicker2013·2023-01-09 05:38

Vue3全家桶项目搭建（vue3、vue-router、vuex、axios、vue-i18n）

Vue全家桶（vue3、vue-router、vuex、axios、vue-i18n）项目搭建_RosaChampagne的博客-CSDN博客_vue3全家桶https://blog.csdn.net/
思月行云·2023-01-05 21:07

Vue 中英文转换 vue-i18n 的使用

一、安装npminstallvue-i18n二、使用在src下创建lang文件夹。1、准备语言包本例我准备了两种语言包，分别是中文和英文：zn、en。在lang下创建两个文件，zn.js和en.js。//zn.jsexportdefault{main:{message:"消息",display:"展示"}};//en.jsexportdefault{main:{message:"message",
·2023-01-04 17:26

Vue2.0 + ElementUI 手写权限管理系统后台模板（四）——组件结尾

二）——权限管理Vue2.0+ElementUI手写权限管理系统后台模板（三）——页面搭建Vue2.0+ElementUI手写权限管理系统后台模板（四）——组件结尾i18n国际化多语言翻译使用框架采用vue-i18n
·2022-12-19 21:37

使用vite和vue-i18n，实现部署后更新多语言功能

使用vite和vue-i18n，实现部署后更新多语言功能vue-i18n是Vue.js的国际化插件，用于实现多语言功能。但是vue-i18n文档中提供的示例用法仅仅是开发时才可以添加/修改多语言。
漂流瓶jz·2022-12-17 19:23

vue3中使用vue-i18n(ts中使用$t, vue3不用this)

vue项目里多语言工具一直用的vue-i18n。以前用的vue2，也没啥大问题，就是配置好之后用t(“你的属性名”)就行，现在用vue3其实本来也没太大变化。
一只爱吃糖的小羊·2022-09-30 12:27

国际化语言的使用

2.根目录下----------lang/index.js//引入vue-i18n包importVueI18nfrom"vue-i18n";importVuefrom"vue";//应用vuei18nVue.use
曾许人间第仪流·2022-09-29 11:05

vue多语言实现

1.安装npmibstallvue-il8n2.在main.js里配置il8nimportVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use(VueI18n)3
浮若年华_7a56·2022-09-28 09:04

关于vue-i18n在单文件js中的使用

目录vue-i18n在单文件js中使用示例i18n如何在js文件中生效下面是我研究出的解决方法vue-i18n在单文件js中使用示例importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
·2022-09-20 21:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他