i18n没有效果

最新推荐文章于 2024-01-18 19:12:55 发布
最新推荐文章于 2024-01-18 19:12:55 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tom_DT/article/details/103119596
版权

首先创建需要切换的文字
比如这样
在这里插入图片描述
创建方法
右击i18n/New/Resource Bundle就可以添加了
在这里插入图片描述
随意双击击一个xxx.properties可以切换效果，然后填写属性和属性值
在这里插入图片描述
创建一个解析器
在这里插入图片描述
在config类中配置Bean
在这里插入图片描述
设置切换按钮
在这里插入图片描述
然后就完成了
在这里插入图片描述
在这里插入图片描述

tom_DT
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 vue-i18n 切换中英文效果
08-27
主要介绍了使用 vue-i18n 切换中英文效果，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue3.0中使用i18n插件来实现国际化以及切换语言所遇到问题得解决
热门推荐
qq_43574079的博客
01-11 1万+
1、下载il8n插件，目前通过npm install vue-il8n下载的il8n版本是无法支持vue3.0，因此要使用npm install vue-i18n@next 来获取最新的版本，我这边是的版本是^9.0.0-beta.17 npm install vue-i18n@next 2、在src下面创建一个名为language的文件名，并在文件下面创建zh-CN、en、ja、ko四个js文件（中文、英文、日文、韩文） 3、然后在四个js文件中写入对应的方法，这里面存放的是我们要进行切换
vue使用国际化（切换不生效）
lanseguhui的博客
07-04 3435
1.使用npm安装 npm install vue-i18n 2.在main.js中引用 import VueI18n from 'vue-i18n' Vue.use(VueI18n) 3.准备中英文数据 中英文文件中示例代码 module.exports = { navigation: { home:"Home", productCenter:"prod...
解决vue国际化this.$i18n.locale设置值切换对data中的值循环使用无效
weixin_51281841的博客
08-19 4345
之前有项目要做中英文切换，于是我选择了使用vue-i18n插件来进行完成需求，在开发过程中遇到一个问题记录一下 当将需要切换的文字内容以 this.$t(‘xxx.xxx’) 的方式放入data中时发现默认的语言是可以显示出来，但是当我们进行切换语言时，data里的数据在循环中却不会切换 js: data() { return { test:[ {a:this.$t('user.test')}, {a:this.$t('user.test2')},
vue3国际化i18n切换部分未生效
weixin_33913005的博客
12-12 467
每次切换中英文，路由菜单都会重新更新，有多少条数据就会告警多少次，个人仔细检查代码感觉没有什么依赖问题，唯一就是路由数据变化，会重新更新视图。菜单采用的动态路由，由于面包屑和菜单标签导航是放存在pinna，在切换时面包屑和菜单标签导航未生效；本次采用方式是，中英文切换调用路由接口(后端回根据前端配置的语言返回对应的数据)；数据不是响应式的，也参考网上说的使用模版字符串方式，还是不行；问题1: 切换语言时，模版标签内的的配置是生效的，配置为字典，常量，表单el-from的rules未生效；
yii2多语言，不用i18n
zhangzhangdan的博客
01-31 111
一. 在/frontend/config/params-local.php配置语言翻译文件，两种语言的都放在这里，像我用的zh-CN和en。放到一个数组里面返回。当yii2自带的i18n配置不能用时，用一种自带的方法来配置多语言。这样就可以调用多语言了。
利用vue-i18n实现多语言切换效果的方法
12-13
本文主要介绍使用vue-i18n实现切换中英文效果。 安装vue-i18n 我们使用npm安装vue-i18n。 npm install vue vue-i18n --save 引入vue-i18n 首先在 main.js 中引入 vue-i18n。 import Vue from 'vue' import App ...
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss...
vue国际化i18n切换未生效
Don't disturb me!的博客
07-21 2690
i18n切换语言未生效简洁写法
前端国际化插件 - i18n 在vue中使用踩到的坑(无法在初始化的data中正常使用)
如需咨询可联系我，V：chen2318341674
10-26 4731
在使用i18n.js的时候，由于项目需求，其定义的值需要在vue.js(2)的v-for语法中使用，把它定义倒了初始化的data中。 在切换中英文的时候，发现data使用的i18n内的值并没有即时生效，而模板渲染的地方却正常。 排查是不是在这里使用的时候this.$i18n.locale并没有定义成功，一切正常； 接着查看会不会是浏览器或者项目的缓存，一切也是正常的； 又在mounted里面进行...
VSCode中i18n ally插件无效的几个原因
weixin_42568878的博客
03-15 9075
VSCode中i18n ally插件无效的几个原因 在本次VUE3+Element-plus+vite+ts的一个项目中，想搞国际化，有些问题在网上也得不到解答，索性自己写一下 问题如题，原因可能有以下几点： 1.vue项目使用的i18n插件是vue3-i18n，而不是vue-i18n@next 那就两个都装上吧，npm install vue-i18n@next, 因为i18n ally插件它不认vue3-i18n，我本次也是先使用vue3-i18n写完了代码，才发现i18n ally插件无效，后面测试了
vue组件中的国际化i18n在js中使用时未生效的处理
芋头CF的专栏
11-01 7377
转自我的简书：https://www.jianshu.com/p/9e018002976e 在国际化i18n组件使用中，我们之前的用法有点错误，我总结一下哈： 在vue组件的中使用 <template> <div> <div class="page-header-title">{{$t("m.RegisterTitle[1]")}}&lt...
vue3引用vue-i18n使用具名格式时失效
最新发布
元元猿的博客
01-18 480
也就是导入的i18n文件版本错误，不是所需对应的版本，与Vue本身一样，i18n包提供了各种版本。和Vue一样，它们有一个有和没有运行时编译器的版本。或 import { createI18n } from 'vue-i18n/dist/vue-i18n.esm-bundler';将createI18n的引入改为：import { createI18n } from 'vue-i18n';vue3使用i18n时，vue- i18n的版本不低于@9。当前共有{number}名学员。
i18n国际化语言翻译切换后无反应
SYXZSs的博客
08-03 1972
针对使用i18n国际化语言翻译切换后无反应，而修改代码后保存的热更新就有实现的问题 按正常情况引入i18n并注册使用后，一部分人可能会在data里声明 像我： 我是直接在data里赋值给了leftMenu变量 data() { return { leftMenu: this._.cloneDeep(this.$t("leftMenu")); } }, 然后在接下来切换语言类型时，（只有这里声明在data里的数据，无法第一时间更改语言。其他地方没有影响）.
vue js文件中使用国际化-i18n
蓝胖子的博客
09-27 2092
在vue的js文件使用i18n 应用场景：左边是自己写的js方法，右边是element ui得date-picker 遇到问题：使用i18n切换语言，左边没有变化 i18n在单独的js文件中不生效 解决方法如下： 一、在main.js中将构造的vue写入window，成公有属性，用的时候从window里拿 window.vm = new Vue({ render: h => h(App), i18n, router, store }).$mount('#app') 二、使用，略有
element plus中el-form的校验message i18n 不生效的解决方案
weixin_43905289的博客
07-17 2078
如上编写代码后，无论如何切换语言message始终是用的中文语言包，查了半天资料后，发现网上的相关例子也是这样写，但没有问题。最近想拿vue3练练手，于是写了个后台项目，在编写表单时遇到这个问题。无论如何切换语言，message始终提示的是中文语言包。具体产生原因还没有发现。............
Angular国际化翻译不生效
weixin_44776206的博客
07-02 1425
问题描述 Angular可以使用管道进行国际化翻译，当数据无法在html文件模板直接进行翻译是可以使用 .instant()或.get()方法获取i8n文件中的值；但是当页面渲染早于国际化加载时，会出现取不到值，直接渲染键的情况。 解决方法 方法一： app.module.ts imports: TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: (createTranslateLoader)
Angular i18n的技术分享、踩过的坑
weixin_30487317的博客
11-22 307
1.安装 npm install @ngx-translate/core --save npm install @ngx-translate/http-loader　2.配置（文本背景部分为该模块新增的）~app.module.ts import { TranslateModule, TranslateLoader } from '@ngx-translate/core'; ...
springboot国际化i18n
07-27
Spring Boot提供了简单易用的国际化（i18n）支持。以下是使用Spring Boot进行国际化的步骤： 1. 在src/main/resources目录下创建一个新的文件夹，命名为"i18n"。在该文件夹下创建多个属性文件，分别对应不同的语言。例如，可以创建messages.properties（默认语言）和messages_zh.properties（中文）。 2. 在属性文件中添加键值对，以便将文本翻译成不同的语言。例如，在messages.properties中可以添加"welcome.message=Welcome!"，在messages_zh.properties中可以添加"welcome.message=欢迎！"。 3. 在Spring Boot的配置文件（application.properties或application.yml）中添加以下配置： ``` spring.messages.basename=i18n/messages spring.messages.fallback-to-system-locale=false ``` 这样配置后，Spring Boot将会自动加载位于i18n文件夹下的属性文件。 4. 在需要进行国际化的地方使用`@Autowired`注解注入`org.springframework.context.MessageSource`对象，并使用`getMessage`方法获取对应的文本。例如： ```java @Autowired private MessageSource messageSource; public String getWelcomeMessage() { return messageSource.getMessage("welcome.message", null, LocaleContextHolder.getLocale()); } ``` `LocaleContextHolder.getLocale()`方法可用于获取当前请求的语言环境。 5. 运行应用程序并访问相应的接口或页面，Spring Boot将会根据请求的语言环境自动加载对应的属性文件，实现国际化效果。 这些是使用Spring Boot进行国际化的基本步骤，你可以根据需要进行进一步的定制和扩展。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值