vue-i18n

vue-i18n + element-ui实现国际化教程（中英文切换）

1.安装vue-i18n依赖包首先在自己的项目中安装vue-i18n依赖包npminstallvue-i18n--save-dev2.在src目录下创建lang目录lang目录：lang>index.jslang
Flowering_Vivian·2020-11-10 15:28

uniapp和微信小程序 国际化

初始化npm工程若项目之前未使用npm管理依赖（项目根目录下无package.json文件），先在项目根目录执行命令初始化npm工程：npminit-ynpminstallvue-i18n--save下载vue-i18n
小小不下雨·2020-11-04 14:56

vue-i18n 在js文件中如何使用

在Vue.js项目中，vue-i18n是一个比较流行的多语言方案。常规用法是在项目入口文件里，将它作为插件引入，然后在.vue文件或者组件模板里按照API来调用就行。
1024译站·2020-11-03 19:01

vue-i18n国际化2020-11-02

main.js中代码过于冗余则在src下面新建language文件夹2.1在language下面新建i18n.js文件以及自己所需要的语言包importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
柯乐·2020-11-02 17:20

Vue项目如何实现国际化？前端框架vue实现项目国际化(i18n)

网上有很多实现国际化的方式,国际惯例先写流程再写感想及遇到的问题1.安装npminstallvue-i18n2.在main.js也就是全局引入i18n//引用i18nimportVueI18nfrom'vue-i18n
漂亮的张有理·2020-10-14 10:52

ant-design-vue组件国际化(en/zh-cn)

与element类似，同样是使用官方适配的国际化组件和配合vue-i18n来实现业务。在这里vue-i18n就不做过多的赘述了，讲讲后台管理系统如何做组件国际化。
老不死的臭妖怪·2020-10-12 10:21

vue+elementui项目使用vue-i18n实现国际化功能

vue+elementui项目添加国际化功能项目环境是使用vue-cli2.x脚手架搭建,安装elementui组件库,elementUI中内置国际化功能.咱们废话不多说,直接上代码.安装vue-i18nnpminstallvue-i18n为了方便单独管理,在src下新建i18n目录,文件结构如下图:配置1.i18n.jsimportVuefrom'vue';importlocalefrom'el
小炮兵快跑·2020-10-12 09:51

Vue+Element Ui 国际化，使用i18n插件

Vue+ElementUi国际化1.i8n插件//下载npminstalli18n-S//导入importVueI18nfrom'vue-i18n'//挂载Vue.use(VueI18n)//自定义语言包的导入
weixin_43934513·2020-09-22 17:41

vue实践---vue不依赖外部资源实现简单多语操作

vue使用多语，最常见的就是vue-i18n,但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了，引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。
·2020-09-21 13:45

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

/store'importVueI18nfrom'vue-i18n';//引入写好的语言包看不懂往下看import{messages
苏三金·2020-09-17 19:58

Vue项目切换语言，vue项目国际化，使用vue-i18n前端实现中英文切换

i18nnpminstalli18n--save-dev为了数据的使用方便，我们需要在src文件夹下建立一个如下图的文件夹index.js：importVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
风雨飘飘飘啊飘·2020-09-17 08:54

vue+i18n 切换语言后无法刷新数据 的 解决方案

使用国际化vue-i18n时,在页面更新国际语言后想刷新页面数据，vue刷新不起作用，改变思路，直接改变使用了国际化的那些数据，重新使用this.$t()方法读取即可
则丸_Zewalon·2020-09-16 17:38

vue 项目使用vue-i18n报错----爬坑

很显然是vue-i18n配置这里出了问题。直接找到这些文件夹，一一对应修改，添加路由的各语言对应名称。修改这
weixin_34032621·2020-09-16 16:49

[vue-i18n] Value of key '图标管理' is not a string!

a925:14[vue-i18n]Valueofkey‘图标管理’isnotastring!
Kelly—zxy·2020-09-16 16:52

vue项目国际化 vue-i18n以及踩坑解决 小姐姐手把手教你VUE国际化~

1.安装配置-安装$npminstallvue-i18n或者：importVueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过插件的形式挂载consti18n=newVueI18n
红烧金鱼草·2020-09-16 16:07

[vue-i18n] Value of key 'catalog_page' is not a string!

使用iview-admin时,路由汉字不显示,title,name报警告[vue-i18n]Valueofkey‘catalog_page’isnotastring!
欧阳海瞬·2020-09-16 15:23

国际化警告：：[vue-i18n] Value of key '指令' is not a string!

[vue-i18n]Valueofkey‘维修保养管理’isnotastring!
Web_Lys·2020-09-16 15:55

解决[vue-i18n] Value of key '' is not a string!

参考的教程问题1：使用$t('key')时传的key没有在国际化文件中找到问题2：使用v-t标签出现警告错误示例：正确示例：v-t标签使用时直接传key就行了，不用$t
天堂の风·2020-09-16 14:29

解决vue-i18n Cannot translate the value of keypath 'stateList.'. Use the value of keypath as default.

项目中使用了i18n来解决国际化问题。碰到了警告：Cannottranslatethevalueofkeypath‘stateList.’.Usethevalueofkeypathasdefault.百度了下，发现大多数都是配置i18n不显示警告的方式来解决，这不是掩耳盗铃么。检查了下代码，发现其实是个很简单的问题：如图，我在select中使用了i18n的$t函数，去匹配我的语言列表。但是这块的s
语默大帅锅·2020-09-16 14:59

uni-app i18n 国际化/多语言配置

基于uni-app的项目去配置多语言首先在项目中安装vue-i18nnpminstallvue-i18n配置main.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'Vue.use
WeirdoPrincess·2020-09-16 02:35

前端国际化解决方案

这里讲一下技术栈基于Vue的实现，因此相关的解决方案也是基于Vue以及相关的国际化插件(vue-i18n)进行展开。背景1-没有大量语言包文件当项目比较简单，没有大量语
马优晨·2020-09-15 23:19

vue 项目的I18n国际化之路

1、引入插件npminstallvue-i18n2、main.js配置importVueI18nfrom'vue-i18n'//引入国际语言切换Vue.use(VueI18n)//通过插件的形式挂载consti18n
lixiaolin1003·2020-09-15 10:16

Vue插件开发-纯数据模式

刚好项目中有i18n的需求，但是不想引用vue-i18n，正好可以自己实现一个，顺便愉快的装个**【哔——】**。首先，分析一下自身的需求。
我家有条大大狗·2020-09-14 11:48

el-tooltip组件中content使用Vue-i18n报错TypeError: Cannot read property ‘$t‘ of null

一般我们组件内使用动态绑定时会这样写$t('manage.add'),当然也可以写this.$t('manage.add')但是当我们使用el-tooltip组件时,使用this.$t('manage.edit')就会报如下错误这时我们需要把代码改为$t(‘manage.edit’)就可以了，如下当我们使用i18n时，template里可以这样写{{$t('manage.add')}}script
文化沙漠麦七·2020-09-13 02:12

vue + element-ui 项目的国际化实现

将国际化资源放在assets目录下3、在src下新建i18n目录，创建一个index.js；路径src\i18n\index.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'importElementLocalefrom'elem
cumt-fri·2020-09-11 15:07

vue-i18n 怎么用在data属性上

用computed绑定数据:{{$t('lang.step')}}{{index+1}}{{item.stepDec}}//jscomputed:{stepLists(){return[{img:require('../assets/img/home/step1_pic.png'),stepDec:this.$t('lang.homePage.stepLists[0]')},{img:requir
胖次超人·2020-09-11 10:26

uni-app 使用vue-i18n实现国际化语言切换

1.我们需要vue-i18n的js文件，官方下载地址https://unpkg.com/[email protected]/dist/vue-i18n.js或者在https://gitee.com/TANJIE
THERAIN_·2020-08-26 14:10

vue的element-ui 中 i18N国际化

i18N1.在main.js中引入i8n.importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui/lib/locale/lang/en'importzhLocalefrom'element-ui
YanR_W·2020-08-26 12:30

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

源码地址：vue-i18n-demo安装vue-i18nnpminstallvue-i18n--save-dev新建中英文对照文件//zh.jsmodule.exports={language:{name:"中文",current:"当前语言"},navbar:{home:"首页",about:"关于我们",join:"加入我们",contact:"联系我们"}};//en.jsmodule.ex
艾欢欢·2020-08-24 15:34

vue中使用国际化基础使用

cdn方式使用1.引入vue-i18n要在vue之后引入2.使用jsconstmessages={'zh_CN':{'hello':'你好{name}',},'en_US':{'hello':'hello
zpfei·2020-08-24 15:46

vue+vue-i18n搭建国际化网站【兼容Element-UI、动态切换css】

今天想来写一下之前为项目搭建的国际化（i18n）功能，由于之前项目主要是使用的Vue+Element-UI，所以本文章中分别有vue-i18n和兼容element-ui的vue-i18n两种写法，大家可以按需参考
是胡桃呀·2020-08-24 15:24

vue-i18n结合Element-ui的配置

使用方法：在配合Element-UI一起使用时，会有2个问题：（1）、页面刷新后，通过按钮切换的语言还原成了最初的语言，无法保存（2）、框架内部自带的提示文字无法更改，比如像时间选择框内部中的提示文字关于第一个问题，可以在初始化VueI18n实例时，通过localStorage来为locale对象赋值在切换语言的时候可以缓存不同的语言选项，并且可以长期保存，不会因为刷新网页而改变locale的属性
亲爱的阿乾·2020-08-24 15:16

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

二）——权限管理Vue2.0+ElementUI手写权限管理系统后台模板（三）——页面搭建Vue2.0+ElementUI手写权限管理系统后台模板（四）——组件结尾i18n国际化多语言翻译使用框架采用vue-i18n
酒一壶_茶一盏·2020-08-24 14:30

vue-i18n结合Element-ui的配置

使用方法：在配合Element-UI一起使用时，会有2个问题：####（1）、页面刷新后，通过按钮切换的语言还原成了最初的语言，无法保存####（2）、框架内部自带的提示文字无法更改，比如像时间选择框内部中的提示文字关于第一个问题，可以在初始化VueI18n实例时，通过localStorage来为locale对象赋值在切换语言的时候可以缓存不同的语言选项，并且可以长期保存，不会因为刷新网页而改变l
亲爱的阿乾·2020-08-24 14:29

基于Vue、vue-i18n实现国际化（多语言）

vue-i18n官网https://kazupon.github.io/vue...项目用vue-cli构建，用到vue全家桶及webpack、iview。
will·2020-08-24 14:43

uniapp npm引入第三方插件

如果只是创建了基础模板，根目录下没有package.json文件的话，可以自己创建一个package.json文件安装依赖，引入以下代码{"dependencies":{"vue":"^2.5.10","vue-i18n
水得一批%小前端·2020-08-22 19:30

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

i18n国际化多语言翻译使用框架采用vue-i18n版本8.4.0，使用npm安装新建文件夹src/i18n,目录如下i18n.js//i18n.jsimportVuefrom'vue'importlocalefrom'element-ui
酒一壶||茶一盏·2020-08-22 13:14

vue-i18n和ElementUI国际化使用总结

vue-i18n官方文档：http://kazupon.github.io/vue-i18n/en/started.htmlelement-ui文档:http://element-cn.eleme.io
回不去的那些时光·2020-08-21 21:40

Vue中使用vue-i18n实现中英文切换

安装依赖npminstallvue-i18n在main.js中引入并使用importVueI18nfrom'vue-i18n'Vue.use(VueI18n)consti18n=newVueI18n({
潘高PG·2020-08-21 18:56

Vue国际化处理 vue-i18n 以及项目自动切换中英文

0.直接上预览链接Vue国际化处理vue-i18n以及项目自动切换中英文1.环境搭建命令进入项目目录，执行以下命令安装vue国际化插件vue-i18nnpminstallvue-i18n–save2.项目增加国际化翻译文件在项目的
sinat_34191046·2020-08-21 16:50

elementUI兼容 [email protected] 官方文档不生效

项目使用的版本"element-ui":"1.4.4","vue-i18n":"^6.1.1",importVuefrom'vue'importElementfrom'element-ui'importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui
澄澄真可爱·2020-08-21 15:34

Vue如何基于vue-i18n实现多国语言兼容

vue中使用vue-i18n兼容多国语言1.安装：npminstallvue-i18n--save-dev2.在main.js文件中引入：importVueI18nfrom'vue-i18n'Vue.use
·2020-08-21 15:05

vue-i18n

刚开始也是看到别人写的代码中有这个，当时直接copy过来，但是很坑1.我忘了我并没有安装vue-i18n，那我们先来安装一下吧npminstallvue-i18n2.你的项目中的main.js中也要引入
南栀夏沫·2020-08-21 10:45

基于vuex实现的中英切换功能

本来想用那个什么vue-i18n，但是发现自己做的做法也差不多，就自己做了。首先当然是先npminstall一下vuex。
qq_37628661·2020-08-21 05:35

vue-i18n国际化在data中切换不起作用的解决方法

前言：vue-i18n是一个针对于vue的国际化插件，使用非常简单，在网上查了很多资料，都说的不是特别清楚，在这里结合我自己使用情况跟大家细细道来。
QQxunle·2020-08-21 03:57

element-ui的tabs页签页组件在使用vue-i18n切换语言后，按钮宽度发生变化之后定位不准确解决方案

不知道有多少人和我遇到的一样，问题描述：当切换按钮的语言后，由于文字数量发生改版，按钮宽度变化，被选中的按钮下方的指示线定位不准确我没有搜索到解决方案，自己写了一个，这里分享一下，如果你有更好的方案，下方评论去，和大家分享一下。非常感谢。resetTabActivePosition($el){setTimeout(()=>{varactiveEl=$el.querySelector('.el-ta
jsoncode·2020-08-21 02:43

前端vue2 vue-cli3项目实现国际化实战 vue-i18n +yaml文件格式

在这里主要记录一下用vue技术栈，用到的vue-i18n插件的使用。
叮当机ya·2020-08-21 02:10

element-ui的tabs页签页组件在使用vue-i18n切换语言后，按钮宽度发生变化之后定位不准确解决方案

不知道有多少人和我遇到的一样，问题描述：当切换按钮的语言后，由于文字数量发生改版，按钮宽度变化，被选中的按钮下方的指示线定位不准确我没有搜索到解决方案，自己写了一个，这里分享一下，如果你有更好的方案，下方评论去，和大家分享一下。非常感谢。resetTabActivePosition($el){setTimeout(()=>{varactiveEl=$el.querySelector('.el-ta
jsoncode·2020-08-21 02:01

vue + element-ui 国际化实现

将国际化资源放在assets目录下3.在src下新建i18n目录，创建一个index.js；路径src\i18n\index.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n'importElementLocalefrom'elem
少年眼蓝不及海·2020-08-20 15:39

前端框架Vue——vue-i18n ，vue项目中如何实现国际化，$t的用法

切换成英文版本：二、实现国际化首先，我开发是以vue为技术栈，所以如题用的国际化插件是vue-i18n，附上github传送门。
kai0227·2020-08-20 13:43
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他