UNI-APP_在js文件中使用i18n国际化

已于 2024-07-25 09:28:40 修改
阅读量831 收藏 2
点赞数 3
CC 4.0 BY-SA版权
分类专栏： # UNI-APP 文章标签： uni-app javascript 开发语言
于 2024-06-28 14:04:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44599931/article/details/140041836

导入

import { initVueI18n } from '@dcloudio/uni-i18n'  
import messages from '@/locale/index' 
const { t } = initVueI18n(messages)

使用

t('config.request.i001')

.

『uniapp』i18n 国际化（保姆级图文）
MZH
06-26 260
大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！发现你走远了@mzh原创作品，转载必须标注原文链接欢迎关注『uniapp』 专栏，持续更新中欢迎关注『uniapp』 专栏，持续更新中『未完待续』
uni-app - - - - -vue3使用i18n配置国际化语言
Dark_programmer的博客
09-25 1278
uni-app - - - - -vue3使用i18n配置国际化语言
uniapp 公共JS中使用i18n
随身笔记
09-13 828
在main.js中已经声明了i18n后，在公共JS中使用多语言的时候依旧报错或者定义不明的情况下使用以下方法就可以啦。这样问题就已经解决啦。
uniapp国际化如何在js文件中使用
qq_49934059的博客
08-09 361
【代码】uniapp国际化如何在js文件中使用。
uniapp使用i18n
m0_73323423的博客
07-11 1272
2.在根目录下创建lang文件夹存放相关文件。4.在lang下创建index.js文件。5.在main.js中加以下代码。3.在lang文件下创建语言包。
uniapp 语言国际化 i18n 教程
weixin_44235659的博客
03-11 5428
uniapp 国际化语言 多语言切换 vue页面和pages.json页面的使用教程
_Flutter_3_心情记录_样例工程_-_国际化_i18n、uni_小程序、深色模式、
09-15
在Flutter中集成uni小程序开发能力意味着开发者可以在Flutter项目中使用uni-app的技术栈和组件，开发出可在uni-app平台部署的小程序。这种集成大大拓宽了Flutter的应用范围，让开发者能够在一个项目中同时开发移动...
Vue或UniApp 前端语言国际化 i18n lang.js包
06-23
使用方式与Vue.js基本一致，只需确保在uni-app项目中正确引入和配置`vue-i18n`。 `en.js`和`zh.js`是特定语言的翻译文件，它们分别包含了英文和中文的语言资源。通常，这些文件会按照以下格式组织： ```javascript...
uni-app语言国际化设置语言包案例
02-20
要启用这个功能，你需要在项目的全局配置文件`uni.config.js`或`vue.config.js`（根据项目结构而定）中引入并配置`uni-i18n`。例如： ```javascript module.exports = { pluginOptions: { uniI18n: { locale: '...
uniapp 使用i18n 进行项目国际化
最新发布
2301_78184382的博客
04-17 843
由于手动翻译很麻烦所以下载了一个插件进行翻译使用 npm install @luck-8/uni-tool 安装。由于项目需要进行国际化所以使用vue-i18n设置npm i vue-i18n。内容有个cache.json 用来缓存文件进行百度翻译的时候不会重新去翻译。其它翻译的文件(zh.json 和en.json)里面都设置{}config.js配置文件里面配置百度的 appid和key，去。，每次翻译结束记得使用命令翻译回来。config.js 文件内容。config.js文件和。
uni-app使用i18n实现国际化/多语言配置
热门推荐
gaoyangbuzai的博客
07-18 1万+
1、国际化使用方案 uni-app是基于vue.js的，因此国际化的方案也是使用的 i18n 插件，uni-app的，这里是uni-app开发者分享的i18n的使用。 2、i18n配置及使用 引入i18n插件依赖 首先，我们将i18n插件引入到项目中，安装依赖的方式就不多赘述了，我使用的是npm安装 npm install vue-i18n --save 在main.js中配置 接下来我们在main.js中配置i18n，将插件注入到实例中。 我默认的是中文。这里的messages是多语言的语言包
解决uniapp在js文件中使用国际化报错问题
Smile_ping的博客
05-08 2665
uniapp使用国际化，在全局挂载js中使用国际化报错问题 及 如何在js文件中使用国际化
uniapp使用vue-i18n国际化多国语言
weixin_52941842的博客
12-05 7792
uniapp是自带有i18n这个插件的，如果没有npm安装即可此插件需要自己去给每一个需要国际化的字符去手动配置key，所以如果是已经完成的项目可能工作量就稍微有点大了。
【uniapp】多语言国际化i18n插件的使用【vue-i18n】
weixin_43343144的博客
07-02 1643
【uniapp】多语言国际化i18n插件的使用【vue-i18n】
uniapp vue-i18n用法
xiequanshuai的博客
09-13 1396
页面模板中使用 $t() 获取，并传递国际化json文件中定义的key，js中使用 this.$t('')3、在main.js中配置i18n，将插件注入到实例中。安装后存放位置在：node_modules目录下。2、在根目录下设置i18n文件夹，目录如下。1、引入i18n插件依赖。index.js代码如下。
【高阶用法】uniapp的i18n/修复/增强/App无重启更换语言
applebomb的专栏
09-20 2224
在i18n多语言模块使用过程中，发现下面几个问题，需要解决 1）uni-best框架下，$t功能函数无法实时的切换语言，可能跟使用有关 2）uni-best建议的translate方式在vue块外使用太繁琐，希望不用导入，直接书写$t使用。统一逻辑，减少复杂度 解决这些问题的技术方案
傻瓜式uni-app/h5/app 中接入i18n国际化（切换语言）
weixin_41792662的博客
12-26 5017
傻瓜式uni-app/h5/app 中接入i18n国际化（切换语言）
uniapp+vue3+vue-i18n国际化使用方法（史上最全）
qq_32058147的博客
09-06 2668
uniapp+vue3使用vue-i18n国际化
voerka-i18n JavaScript资源: Node.js、Vue、React、uni-app框架整合
综合上述内容，这份“voerka-i18n-JavaScript资源”文件集合可能包含了一套完整的工具和配置，以支持在Node.js和各种流行的前端框架中实现国际化功能。开发者可以利用这些资源来构建支持多种语言的应用程序，满足...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值