vue-i18n

前端vue实现国际化

前端国际化安装依赖创建文件挂载使用这个功能是根据浏览器语言实现自动切换翻译语言，需要替换项目文件中所有展示的中文字句安装依赖1.先在项目中安装vue-i18n的依赖npminstallvue-i18n-
TING沫·2022-09-15 12:19

（切换多语言）elementUI +vue-i18n 的国际化设置及使用

最近项目很多国际化的需求，语言切换时同时也需要对项目的组件自带的文字进行更新web使用elementUI，h5用vantUI，vantUl设置点这里web项目设置elementUI全部引入到项目时（也就是没有按需加载）按需加载的i18n.js设置不同，放在第4点1.新建i18n.js//enLocale是element的语言包，需要什么就引入//getLang是获取到缓存的值，，可以设置为stor
弑天落羽·2022-09-05 19:11

Vue3 + vue-i18n 多语言切换

1、下载vue-i18n:npmivue-i18n@next2、新建三个语言相关文件：image.png2.1、index.js:import{createI18n}from"vue-i18n";importzhfrom
做梦的少年·2022-09-01 09:39

vue-i18n国际化语言在项目中的使用

目前在各大商城项目中，对于国际化语言的需求越来越高了，其中最多的就是vue项目使用i18n插件实现多语言切换功能，最近有幸我刚好做了这方面的业务，下面是我对vue-i18n国际化语言的一点总结与记录正文项目中通常通过选择语言
·2022-08-12 12:23

Vuei18n 在数组中的使用方式

目录Vuei18n在html页面表单和js数组中使用Vue使用i18n实现国际化如何实现国际化vue-i18n数据渲染的模板语法ElementUI组件库与vue-i18n的兼容问题路由与面包屑导航国际化的语法问题
·2022-08-01 12:28

解决 使用 vue-i18n 入口文件配置 控制台报警问题

描述Youarerunningtheesm-bundlerbuildofvue-i18n.Itisrecommendedtoconfigureyourbundlertoexplicitlyreplacefeatureflagglobalswithbooleanliteralstogetpropertree-shakinginthefinalbundle.vite.config.ts文件中impor
·2022-07-03 10:46

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

项目从vue2升级vue3，VueI18n需要做适当的调整。主要是VueI18nv8x到VueI18nv9orlater的变化，其中初始化：具体可以参看
zhoulujun·2022-06-21 20:00

vue+element UI+ I18n实现国际化的问题

鱼玄机_vin的处理方案，解决vue+elementUI+I18n实现国际化的问题的问题，参考链接:一、Vue+element-ui+i18n多语言化--实际项目-(jianshu.com)文中没有介绍vue-i18n
空山晚来秋·2022-06-09 16:12

Vite2+Vue3学习笔记（四）：引入Vue-i18n并实现按钮切换页面语言

目录参考链接前言项目码云Gitea地址其他文章四、引入Vue-i18n并实现按钮切换语言1.安装vue-i18npackage.json2.准备语言文件3.配置文件4.全局配置5.修改首页src/components
普通的程序媛IKUKO·2022-05-13 12:03

vue3实现国际化的过程与遇到的问题详解

目录前言安装引入使用遇到的问题总结前言开发了一个国际化的项目，技术栈是vue3+TS+vite+vant+pinia,需要设置多语言，采用的是vue-i18n这一个国际化插件，貌似只看到英文文档，而且网上找的其他教程大部分是针对
·2022-05-09 11:01

vue项目引入vue-i18n，实现中英文切换

1、安装vue-i18n官网：https://kazupon.github.io/vue-i18n/zh/html页面引入npm包管理npminstallvue-i18n2、使用方法a、建立一个lang
蛋蛋的老公·2022-04-28 11:18

react、vue国际化方案，webpack插件webpack-i18n-plugin

前言前端项目react/vue国际化一般都需要开发者逐个去实现，耗时耗力，相关文档可以参考：vue-i18n文档react-intl国际化文档指引webpack-i18n-plugin插件主要解决了两个痛点问题
·2022-04-15 17:10

vue实现多语言功能

详细步骤安装vue-i18nnpminstallvue-i18n-S在main.js中引入vue-i18nimportVueI18nfrom'vue-i18n'Vue.use(VueI18n)定义语言文件
自由的音符·2022-03-31 11:31

vue动态添加store、路由和国际化配置方式

目录vue动态添加store,路由和国际化vue动态添加storevue动态添加路由vue动态加载国际化前端项目用vue-i18n实现国际化在项目中安装国际化包的依赖配置文件异步方式引入，一次只加载一种国际化包非异步步方式
·2022-03-30 20:38

【vue】中英文切换（使用 vue-i18n ）

一、准备工作1、vue-i18n1.仓库地址2.兼容性：支持Vue.js2.x以上版本1-1.安装依赖vue-i18n(c)npminstallvue-i18n1-2.使用在main.js中引入vue-i18nimportVuefrom"vue
smile轉角·2022-03-29 15:00

新鲜出炉的Nodejs/Vue/React多语言解决方案

前言基于javascript的国际化方案很多，比较有名的有fbt、i18next、react-i18next、vue-i18n、react-intl等等，每一种解决方案均有大量的用户。
·2022-03-24 19:11

vue实现网页语言国际化切换

一、基本步骤1：安装yarnaddvue-i18n在此路径新建一个.js文件：src/lang/index.js后：2:导入importVueI18nfrom'vue-i18n'3:注册importVuefrom'vue'Vue.use
·2022-03-08 15:48

Vue I18n 在 Vuetify 项目中使用

官网http://kazupon.github.io/vue-i18n/zh/introduction.htmlhttps://vuetifyjs.com/en/features/internationalization
参谋总长萨博·2022-02-18 14:35

V-cli实现国际化

这里就简单介绍一下v-cli实现国际化的原理和需要注意的问题2.实现原理主要的实现原理是利用vue-i18n这个vue插件，配合官方文档可以帮助我们很方便的实现国际化。
前端小黑·2022-02-18 13:53

vue-i18n 实现中英文切换

1.安装依赖包：npmivue-i18n--save-dev2.创建中英文对照js：assets/i18n/zh.jsmodule.exports={title:"中文",th:{title:"标题",user:"账号",pwd:"密码"}}assets/i18n/en.jsmodule.exports={title:"English",th:{title:"Title",user:"Accoun
汶沐·2022-02-17 04:42

i18n国际化语言使用

1.下载安装vue-i18n（以下都可以）npminstallvue-i18n/npminstallvue-i18n--save/npminstallvue-i18n@8.0.02.在static下面分别创建
陌紫嫣·2022-02-16 04:30

vue框架国际化(基于element-ui)-01

1.package.json引入vue-i18n模块npminstallvue-i18n--save2.新建src/lang/en.js内容示例如下：exportdefault{key1:'value1
厦门老码哥·2022-02-15 00:27

gift

一、选择国际化库我们项目用的vue，做国际化我们选用vue-i18nvue-i18n的用法（Tips：注意vue1.0时，vue-i18n的用法、版本。）
蝶恋花香味·2022-02-12 22:45

【记录】Vue3 中使用 vue-i18n 多语言。

cnpminstallvue-i18n//只适用于vue2的版本cnpminstallvue-i18n@next//vue3安装这版Vue3版vue-i18n：传送门>>>二、使用方案一、创建i18n文件夹
·2022-01-21 17:53

element-ui 渲染错误，只显示变量

后续在控制台发现有以下警告：Cannottranslatethevalueofkeypath'el.table.emptyText'.Usethevalueofkeypathasdefault经过查证，是vue-i18n
·2021-12-24 18:55

shopro商城使用vue-i18n国际化之css国际化

这两天在搞一个商城国际化的项目，期间解决了N个问题吧例如vue中国际化js中国际化接口内容国际化等等，今天主要说的就是css中内容的国际化看图：aftercss这里的个张元使用css3after追加进去的，我们知道after其实就是在后面追加一个行内元素而已，那么我我们就把这段css提取出来换成等价的代码即可拉这里我们使用来替换拉，完美解决此问题{{userInfo.money||'0'}}{{u
·2021-12-19 13:37

shopro商城使用vue-i18n国际化

这两天手头的任务是给一个商城项目添加多语言。这个商城庞大且复杂，是用uniapp+uviewui实现的。商城类的项目要添加多语言，不可避免要做大量的文本替换的工作，这么庞杂的一个项目怎么才能高效的实现多语言国际化是这篇文章主要要写的东西。引入vue-i18nvue-i18n是一个vue插件，主要作用就是让项目支持国际化多语言，首先我们在项目引入这个插件:cnpmvue-i18nyarninstal
·2021-12-19 13:30

Vue使用库

Webpack的组件装载插件vue-validator★1807-vue的验证器插件vue-lazyload★1224-用于懒加载的Vue模块vuelidate★1075-简单轻量级的基于模块的Vue.js验证vue-i18n
小吉冲冲冲·2021-10-28 20:06

npm 报错系列

解决：npminstall--saveXXX--legacy-peer-deps本次问题是在安装vue-i18n的时候出现的。
·2021-10-11 12:16

Vue国际化（vue-i18n）

npminstallvue-i18n3、yarn安装yarnaddvue-i18n二、配置main.js文件配置1.引入i18n国际化插件importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
Avery_G·2021-09-26 14:00

vue3.0配置vue-i18n

项目安装vue-i18n需要安装最新版的vue-i18nnpminstallvue-i18n@next--save或者用yarnyarnaddvue-i18n@next--save安装完成之后，可以看一下
·2021-09-01 10:03

利用Vite2和Vue3实现网站国际化的全过程

目录前言安装vue-i18n配置Locales实现getLangs.js创建i18n实例模板中使用语言切换关于切换后需要刷新后才生效切换语言触发其他组件更新总结前言最近有人在吐槽项目使用Vue3之后，出现一堆问题
·2021-08-02 20:23

项目使用i18n

-en-US.json//JSON文件是编译语言的映射表--zh-CN.json--index.js//配置\\index.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'importenfrom
尘埃落定_Y·2021-06-27 17:39

uni-app 语言化 Vue-i18n

说到vue-i18n，我们并不陌生，国际化多语言实现。
前端小慵卿·2021-06-15 12:41

Vue+i18n配置,取不到该语言取默认语言(备选语言)

安装vue-i18n模块npminstallvue-i18n我的配置(包含备选语言)importVueI18nfrom'vue-i18n'importelementEnLocalefrom'element-ui
残_忆·2021-06-05 13:59

使用vue-i18n动态加载国际语言

2020中旬入职新公司，主要负责海外电商项目，因此项目需要用到国际语言切换功能。鉴于网上大部分资料都是基于i18n实现静态语言包的切换，于是就出现了这篇文章。一、原理涉及到多语言的切换，如中文、英语、韩语等。主要思路是服务端会返回整个项目的所有语言文本，使用i18n的模板渲染，前端再通过ajax获取数据再插入到i18n里实现翻译切换即可。二、代码这里基于element+vue-i18n实现，也做了
毕竟1米八·2021-06-05 09:29

vue-i18n网页国际化配置

通常在vue中，会使用vue-i18n来做页面语言的国际化。省的开发人员还自己去实现。这里就简单说下具体的用法。
RadishHuang·2021-06-05 00:24

后台项目实现多语言切换

通过vue-i18n而实现。
“落幕”·2021-05-20 10:43

Vue + Element UI + i18n国际化

安装element-ui以及vue-i18n命令：npminstallelement-ui-S//安装element命令：npminstallvue-i18n//安装i18n建立本地语言包【src/language
florachy·2021-05-19 09:12

iview 如何兼容最新的 vue-i18n

先贴上如何使用的源码importVuefrom'vue'importVueI18nfrom'vue-i18n'importiViewfrom'iview'Vue.use(VueI18n)Vue.use(
littleFen·2021-04-20 23:58

vue后台管理添加多语言功能的实现示例

在这家公司一个项目，需要添加英文版本，就是中英文化了，直接上代码1.首先是main.js页面做配置importVueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过插件的形式挂载
·2021-04-20 12:30

vue3中引入vue-i18n, 国际化方案

前言该项目使用vue(3.0.5)+vue-i18n(9.1.2)+vite2.0所谓的vue-i18n国际化方案，简而言之，就是根据它的规则自己建立一套语言字典，对于每一个字（message）都有一个统一的标识符
cwxblog·2021-04-11 17:22

你可能不知道的i18n国际化$t用法？

一、安装及引入i18n1、安装vue-i18n依赖包；使用NPM进行安装或者CNPM进行安装。
·2021-04-02 19:22

从零开始，用elementui躺坑vue - 国际化I18n

通过[vue-i18n]()来实现此功能。对于国内的绝大多数开发人员而言，是用不到此功能的，可以直接进行掠过。原理前端国际化，简单的说：就是语言的不同切换。
·2021-01-28 15:54

从零开始，用elementui躺坑vue - 国际化I18n

通过[vue-i18n]()来实现此功能。对于国内的绝大多数开发人员而言，是用不到此功能的，可以直接进行掠过。原理前端国际化，简单的说：就是语言的不同切换。
·2021-01-28 10:08

Vue-i18n 国际化

基本使用安装npminstall--savevue-i18n创建lang文件夹index.js中引入i18n并使用importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
敢问·2021-01-19 22:21

vue，使用vue-i18n实现国际化

需求公司项目需要国际化，点击按钮切换中文/英文1、安装npminstallvue-i18n--save2、注入vue实例中，项目中实现调用api和模板语法importVueI18nfrom'vue-i18n'Vue.use
平平不平·2021-01-18 18:51

每天记录一个知识点（vue中使用i18n）

2021-01-06）效果预览一、安装依赖npmivue-i18n-S二、在src目录下创建i18n文件夹；三、index.js代码importVuefrom'vue';importVueI18nfrom'vue-i18n
郭顺杰·2021-01-06 18:55

[vue] 你有使用过vue开发多语言项目吗？说说你的做法？

使用Vue-i18n加载不同的语言配置文件,重要是初始化时，判断当前语言环境，要想好存储方案采用i18n来解决国际化问题，关于语言环境的存储方案，看到有同学解答localStorage的方式，这种还是采用
小歌谣（公众号同名）·2021-01-02 14:51

vue3.0中i18n国际化插件的使用

目前我使用的"vue-i18n":“^9.0.0-beta.17”,版本开始兼容vue3.0。
mtreasure·2020-12-31 14:58
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他