vue-i18n 第2页

uniapp项目多语言配置

安装vue-i18nnpminstallvue-i18n--save配置main.js1.importVueI18nfrom'vue-i18n'importZhfrom'.

朱志飞·2023-11-07 09:13

vue/uniapp实现语言国际化（中英文切换）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、vue-i18n是什么？

我是酷酷吖·2023-11-07 09:13

Uniapp实现多语言切换

想了解的可以看下之前的文章C#WinForm实现多语言切换使用i18n插件安装插件npminstallvue-i18n--saveMain.js配置//引入多语言包importVueI18nfrom'vue-i18n'Vue.use

晚风偷吻云朵·2023-11-07 09:42

i18n初实践

研究了一下，实际上是用vue-i18n来实现多语言切换，从而实现国际化的需求。第一次接触国际化，简单记录一下。

yanwuhc·2023-11-07 08:23

VueI18n中英文切换 vue2.0

1:[email protected]（版本不要高了，不然报错）2：创建相关文件3：main.js文件配置//i18n插件importVueI18nfrom'vue-i18n'

走，带你去玩·2023-11-05 07:15

vue项目国际化的插件 vue-i18n 使用教程以及和element-ui结合使用

1.安装vue-i18nnpmi--savevue-i18n2.项目配置vue-i18n在src文件夹下新建文件夹i18n在i18n文件夹下新建文件index.js和文件夹lang在lang文件夹下新建

工程狮子·2023-11-03 18:24

vue3+ts使用vue-i18n

ts使用vue-i18n1、安装插件npminstall--savevue-i18nyarnaddvue-i18n2、配置文件locale/index.tsimport{createI18n}from'vue-i18n'importzhCNfrom

孤月葬花魂·2023-10-31 02:40

vite + vue3中使用vue-i18n国际化插件

1.安装npminstallvue-i18n@92.配置2.1src下新建lang文件夹，lang文件下创建对应语言文件如：en.tsexportdefault{common:{input_placeholder:'PleaseInput',select_placeholder:'PleaseSelect',search:'Search',reset:'Reset',edit:'Edit',del

zxo_apple·2023-10-31 02:40

vue3中如何使用vue-i18n

vue-i18n下载vue3版本的vue-i18nnpminstallvue-i18n@next-S我当前使用版本"vue-i18n":"^9.1.6"1vue3版本的vue-i8n用法还是有挺大区别的相对于之前的版本

shmily灬jj·2023-10-31 02:10

vue3 中如何使用 vue-i18n

下载vue3版本的vue-i18nnpminstallvue-i18n-S//orcnpmivue-i18n-S//oryarnaddvue-i18n当前使用的版本"vue-i18n":"^9.1.6"

吃鲨鱼的小鲤鱼·2023-10-31 02:38

vue3中使用vue-i18n国际化

一、安装npminstallvue-i18nyarnaddvue-i18n二、新建i18n文件import{createI18n}from'vue-i18n'letmessages={zh:{hello

juo666·2023-10-31 02:38

vue3中使用vue-i18n

1.先在项目中下载[email protected].为了结构清晰，在src目录下创建一个lang文件夹2.2.在lang文件夹分别下创建两个文件：en.js/zh.js代表两种语言en.js:exportdefault{message:{hello:'hello,world',btn:'modify'}}zh.js:exportdefault{message:

钱端工程师·2023-10-31 02:08

vue2使用国际化vue-i18n

//下载vue-i18n依赖，"vue-i18n":"^6.1.3"npminstallvue-i18n@6//创建文件vueIN.jsimportVuefrom'vue';importVueI18nfrom'vue-i18n

少年包青菜·2023-10-30 20:11

web页面国际化，web页面中英文切换，vue项目国际化----------vue-i18n详细用法。

什么是web页面国际化web页面国际化页面国际化，就是可以让网页的文字信息，根据用户的选择，显示中文、英文、韩语、等等。如下图举例：第一张用户选择中文第二用户选择韩语前端应该如何实现国际化思路：如上面举的例子，用户点击选自不同的语言，页面就会展示对应的语言文字，类似与翻译功能；首先我们编写我们国际化配置文件，配置文件中是页面需要显示的文字信息，通过用户的选择页面展示不同的配置文件。1、下载vue-

果冻~·2023-10-30 14:10

VUE3下js文件的国际化问题

首先，一般实现国际化都会写一个如下这个i18n.js文件：import{createI18n}from'vue-i18n'importenUSfrom'@/assets/locale/en-us'importzhCNfrom

道行者·2023-10-28 17:52

Vue3-admin-element框架学习笔记----1（了解它）

下载地址：vue3-admin-element-template:基于Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板

破浪前进·2023-10-27 04:16

Vue3安装i18n

i18nnpminstallvue-i18n●在项目中新建common●配置index.js文件import{createApp}from'vue'//importVuefrom'vue';import{createI18n}from'vue-i18n

zhoudu55·2023-10-26 08:51

uniapp vue-i18n用法

2、在根目录下设置i18n文件夹，目录如下├──i18n│├──common││├──en.js││├──zh.js│├──index.jsindex.js代码如下importVueI18nfrom'vue-i18n'importVuefrom'vue'importzhfrom

xiequanshuai·2023-10-26 08:50

uniapp与vue-i18n实现国际化多语言

{{i18n.invite}}{{i18n.game}}exportdefault{computed:{i18n(){returnthis.$t('index')}}}uniapp不支持在取值表达式中直接调方法，因此，$t方法不可用，所以通过计算属性的方式

不完美的独特·2023-10-26 08:48

uniapp vue-i18n国际化语言随机切换

/App';importVueI18nfrom'vue-i18n'importmessagesfrom'.

冉茉莉·2023-10-26 08:16

uniapp使用vue-i18n+mixin开发国际化多语言

今天刚忙完手上的事，休息休息一下，正好给大家整理分享一下这几天使用的vue-i18n。

清慕_qing·2023-10-26 08:14

Vue3引入i18n国际化组件

1.引入npminstallvue-i18n2.项目中导入i18nlangindex.js//语言import{createI18n}from'vue-i18n'//引入vue-i18n组件importzhfrom

多动手,勤思考·2023-10-26 08:12

vue3.0 引入i18n 做国际化 - 做动态语言切换

说明适合vue2.0版本的官方链接如下：VueI18nVueI18n是Vue.js的国际化插件https://kazupon.github.io/vue-i18n/zh/适合vue3.0版本的官方链接如下

ansheng02·2023-10-26 08:42

vue2.0项目页面字体切换为繁体

vue2.0项目页面字体切换（简体->繁体）项目需求实现步骤问题发现项目需求因为项目需要，需要对手机端的字体进行简体和繁体的切换，如果引用vue-i18n的语言包，它不能转换接口返回的字体，而且只能实现部分字体的转换

林卤蛋·2023-10-26 07:20

vue+ElementUI+vue-I18n 新手

环境："vue":"^2.6.14","element-ui":"^2.15.6","vue-i18n":"^7.8.1",新手，勿喷反正是各种查，各种试，最后可以了版本有一定关系，vue-i18n在8

山已几孑·2023-10-25 08:21

springboot后端国际化实现

前端vue的话，用vue-i18n来实现，本文就不写了。后端也就是一些打印日志，以及返回给前端的文案（提示信息等）需要进行国际化。国际化的话，原理没什么好研究的，会用就行，所以直接上代码了。

xujingyiss·2023-10-24 03:11

Vue3 全家桶（vue3 + typescript + vite + pinia + vue-router + axios + vue-i18n）项目搭建

文件结构生成一个vue项目初始化//使用npmnpminitvite@latestvue3-ts-frontend--templatevue-ts//使用yarnyarncreatevitevue3-ts-frontend--templatevue-ts添加依赖npminstallant-design-vue-Snpminstallvue-router-Snpminstallvue-i18n-Sn

RosaChampagne·2023-10-22 10:57

使用 vue-i18n 切换中英文

兼容性：支持Vue.js2.x以上版本安装方法：(此处只演示npm)npminstallvue-i18n使用方法：1、在main.js中引入vue-i18n(前提是要先引入vue)importVueI18nfrom'vue-i18n'Vue.use

墨韵明空·2023-10-18 08:43

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

例如：vue+vue-i18nangular+angular-translatereact+react-intljquery+jquery.i18n.property二、国际化的实现这里来对vue使用vue-i18n

w晚风·2023-10-17 11:31

vue3+vite中使用国际化，vue-i18n插件实现

一、安装npminstallvue-i18n二、在src文件夹下新建locales文件夹，里面新建三个文件，分别是英文词条文件en.ts，中文词条zh.ts，主文件index.ts，分别如下en.tszh.tsindex.tsimportzhfrom"./zh";importenfrom"./en";exportdefault{zh,en,};三、在src同级新建i18n.tsimport{cre

yang_song97·2023-10-16 10:45

vue项目支持多语言(vue-i18n)

灬小丑·2023-10-12 06:55

vue3+vite+monorepo+qiankun+pnpm框架

86293271升级版：增加eslint+prettier代码保存自动格式化https://download.csdn.net/download/qq_38862234/86298995升级版+1：增加vue-i18n

很简单的人·2023-10-09 22:29

Vite+vue3+Element-plus+Route+Vuex+Axios项目搭建

Vite+vue3+Element-plus+Route+Vuex项目搭建官网搭建Vite项目启动项目安装Element安装Vue-Router安装Vuex安装vue-i18n国际化插件安装axios官网名称地址

落魄实习生·2023-10-09 18:46

uniapp多语言实现

项目使用vue-i18n实现国际化多语言npminstallvue-i18n//main.jsimportVuefrom'vue'importAppfrom'.

sunly_·2023-10-09 16:35

如何使用uniapp开发多语言功能

安装语言包插件在HBuilderX的插件市场中搜索语言包插件"vue-i18n"，并安装到项

宋军涛·2023-10-06 21:58

vue多语言化

因为后续可能涉及很多配置翻译，所以我们提前把配置抽离为单独的文件)//src/plugins/VueI18n/index.js：importVuefrom'vue';importVueI18nfrom'vue-i18n

坏丶毛病·2023-10-06 06:46

在vue.js中实现多语言切换（vue-i18n的使用）

说明：使用vue-i18n可以在vue.js中实现多语言切换，让一个页面中同时支持中/英文显示。以下所有操作都是在已有的vue-cli项目下进行的。

光明老妖·2023-10-03 13:10

vue项目国际化(多语言)

记录一下笔记，以下vue项目案例使用vue-cli搭建;一.安装依赖1.使用npm命令安装所需依赖vue-i18n,此demo安装的版本为[email protected];#安装命令npmivue-i18n

1块腹肌·2023-10-03 13:08

vue-----vue-18n多语言处理，实现国际化

可以借助vue-i18n插件来实现这个需求vue-i18n国际化插件：实现语言切换使用：一、安装依赖npminstallvue-i18n二、main.js文件中导入、配置（配置也可写在一个单独的i18n.js

cx&lavender·2023-10-03 13:08

前端Vue中多语言切换功能的实现

多语言切换功能可使用vue-i18插件，具体实现方法如下：step1:在项目中安装vue-i18插件cnpminstallvue-i18n--save-devstep2:在项目的入口文件main.js中引入vue-i18n

宇宙超级无敌博·2023-10-03 13:08

Vue项目中如何使用多语言支持

多语言支持国际化处理vue项目中的多语言支持使用的是vue-i18n参考：https://kazupon.github.io/vue-i18n/zh/started.html目标实现elementUI中英文切换功能

haodanzj·2023-10-03 13:07

Vue中如何进行多语言处理

以下是一些流行的Vue多语言库：vue-i18n：官方维护的Vue.js国际化插件，提供了

2013crazy·2023-10-03 13:06

vue前端国际化Vue I18n使用入门

1.安装yarnaddvue-i18n2.配置main.js文件importVueI18nfrom'vue-i18n'//引入VueI18nimport{cn}from'.

随风飞2019·2023-10-03 00:06

vue2.0 vue-i18n报错问题处理

1、首先升级vue-i18n的版本为^8.26.7"vue-i18n":"^8.26.7",2、main.js文件进行更换：//自动设置语言constnavLang=navigator.language

爱吃的瓜~·2023-10-01 01:41

vue i18n

npm下载npminstallvue-i18n建language.js文件importVuefrom'vue';importVueI18nfrom'vue-i18n';importlocalefrom'element-ui

zhudying·2023-09-29 21:36

uniapp中使用vue-i18n实现国际化多语言

最近uniapp的一个项目需要用到国际化切换做一个总结1.首先看一下目录结构目录结构.png2.准备好vue-i18n的js文件（下方有源码地址）3.lang文件夹下面写国际化语言的逻辑1.将所需要的文件引入

羽翼的翼·2023-09-25 23:55

vue 国际化开发

i18n.js内容importVuefrom"vue";importVueI18nfrom"vue-i18n";Vue.use(VueI18n);functionloadLocaleMessages()

白衣诗人·2023-09-23 23:18

Element Plus 全球化配置

2.全球化配置的基本原理ElementPlus的全球化配置基于Vue的国际化插件vue-i18n。通过配置不同语

爱划水de鲸鱼哥～·2023-09-23 00:44

简单记一下Vue router 路由中使用 vue-i18n 进行标题国际化

引入状态管理和国际化文件importstorefrom'../store'importi18nfrom'@/configs/i18n'使用状态管理设置路由当前国际化选项//使用状态管理i18n.locale=store.state.setStore.i18n??'zh'路由中使用i18n{path:'/login',name:'login',component:LoginPage,meta:{ti

isSamle·2023-09-16 01:09

uniapp 公共JS中使用i18n

//在需要使用的JS文件中再次声明importVuefrom'vue';importVueI18nfrom'vue-i18n';Vue.use(VueI18n);//示例constTest=[{name

浅箬·2023-09-13 18:07

推荐频道

vue-i18n