vue - - - - - i18n$t()无法获取数组、对象

Vue国际化支持(i18n) 1. 国际化概述 开发时,项目能同时应对世界不同地区和国家的访问,并针对不同地区和国家的访问,提供相应的、符合来访者阅读习惯的页面或数据。国际化(internationalization)又称为i18n(读法为i18n,据说是因为internationalization(国际化)这个单词从i到n之间有18个英文字母,i18n的名字由此而来)。 2. Vue + Element国际化支持 vue项目中的国际化语言支持使用的是vue-i18n插件 1. 安装国际化的包 npm i vue-i18. 阅读详情
AI摘要

在Vue3项目中使用vue-i18nv9时,$t函数无法正确处理数组和对象。官方解释是为了简化返回结果并支持TypeScript类型。解决方案是通过使用新API$tm替代,确保$t只返回字符串,从而实现对数组和对象的翻译支持。,

项目场景:

vue3项目需要支持多语言,首选就是vue-i18n。vue3支持的是vue-i8n也更新到v9版本

遇到问题:

在项目里使用$t来获取数据时,$t()将仅返回字符串,数组及对象会直接返回其属性名
这样对开发来说就不太友好了

官方解释:

“Reason: To make simple obligation to return the translation results, and it’s also to support TypeScript types.”

解决办法:

那难道数组对象真的就不能够使用了么???

其实还有一个解决办法,方案也很简单,使用新的api替换即可,$t => $tm

$t仍然可以使用,但仅返回字符串

如此即可完美使用

如何有效使用Project(1)——编制进度计划、保存基准 1.前言: 软件产品的研发、升级、定制等,一般都是以项目的形式进行,此时项目进度计划以及资源使用情况就变成了项目经理关注的重点。如何让项目计划有效可控,及时暴露问题?如何查看资源的负荷情况,看资源分配是否合理。 当然,如果你的公司已经实施了专门的PM软件来监督管控,可以忽略本文。否则,你可以用微软的Project来做到这一工作。 我也算是一个专业的从事PM软件产品的人(虽然我们的客户都是制造... 阅读详情

相关推荐

高通引导文件获取全攻略:ELF/MBN提取与EDL救砖实战

在智能手机底层维护中,引导加载程序(Bootloader)是系统启动的第一道关卡。高通平台通过PBL、SBL1/XBL等阶段完成硬件初始化和安全校验,一旦引导分区损坏,设备便可能陷入黑砖状态。此时,掌握ELF与MBN格式的引导镜像获取方法,成为维修工程师和刷机用户的核心技能。通过官方固件包解包或借助EDL模式直接从设备分区备份,均能获得原厂匹配的引导文件。配合Firehose工具和9008端口通信,即可实现分区级读写与救砖恢复。本文从启动链路原理出发,对比两种获取路径的适用场景,并针对驱动识别、文件校验、分

weixin_30175731的博客 414

vue-i18n中的$t用法

vue-i18n中的$t用法 $t 是 vue-i18n 提供的全局方法 1、在 main.js 中引入 vue-i18n import Vue from 'vue'; import VueI18n from 'vue-i18n'; Vue.use(VueI18n);//// 通过插件的形式挂载 2、准备本地的翻译信息 const messages = { zh: { message: { hello:'好好学习,天天向上!' } }, en: {

weixin_38761920的博客 1万+

微信小程序音视频通话(for硬件)授权与设备注册实战指南

本文详细介绍了微信小程序音视频通话(for硬件)组件的开发实践,涵盖授权流程、设备注册与VoIP插件集成。重点解析了如何通过服务端获取snTicket实现用户授权,确保硬件设备与微信端的音视频通话安全可靠,适用于智能门禁、话机等物联网场景。

u6v7w8x的博客 945

什么是$t?$t的介绍及使用

$t是一个通常用于国际化(i18n)的函数。具体来说,当你使用 Vue.js 并结合某些国际化库(如 vue-i18n)时... 在你的项目中创建一个目录(例如src/i18n)来存放你的国际化资源文件...

qq_71214810的博客 3333

MTK平台LCD驱动开发实战:从零开始点亮你的Android屏幕

本文详细介绍了在MTK平台进行Android LCD驱动开发的完整流程。从理解LK与Kernel双核驱动框架入手,手把手讲解驱动结构体、屏幕参数配置、初始化序列编写以及PLL_CLOCK计算等核心步骤,并提供了系统集成配置与实用的调试避坑指南,帮助开发者高效点亮新屏幕。

terraform7cloud的博客 292

OpenHarmony自定义Launcher

OpenHarmony源码版本:4.0release开发板:DAYU / rk3568DevEco Studio版本:4.0.0.600切换分支为OpenHarmony-4.0-Release,并下载源码。

Abner_Crazy的博客 1628

vue i18n国际化$t、$tc、$te、$d、$n用法

t 方法‌:接受至少一个参数(消息键),和一个可选的参数对象用于动态替换文本中的占位符。$tc 方法‌:用于处理复数形式的翻译。$te 方法:用于判断该翻译是否存在。$d 方法:用于处理时间格式的展示。$n 方法: 用于对数字的转换成货币或者百分比使用。通过灵活使用这些方法,你可以轻松地在 Vue.js 应用中实现国际化。

qq_39072735的博客 3499

【4. BSP开发指南 - [4.6. 安全启动使用说明]】

【4. BSP开发指南 - [4.6. 安全启动使用说明]】

Sugar_wolf的博客 272

$t 实现国际化(i18n)功能

在 Vue.js 项目中,$t是 Vue I18n 插件提供的一个方法,用于实现国际化(i18n)功能。它允许开发者根据当前的语言环境(locale)和提供的键(key),返回对应的翻译文本,从而轻松地为应用提供多语言支持。

xuukai的博客 1911

自适应滤波-----LMS(Least Mean Square)算法

自适应滤波的意义所在 自适应滤波器解决非平稳的过程,因为实际信号的统计特性可能是非平稳的或者是未知的。 自适应滤波器的特点: 1.没有关于待提取信息的先验统计知识 2.直接利用观测数据依据某种判据在观测过程中不断递归更新 3.最优化 自适应滤波分类: 处理器的结构划分:横向结构、格型结构 重复一次计算自适应需要的数据划分:成批处理法、递归处理法 按调节算法...

heda3的博客 10万+

Archery通过OpenResty代理转发后登录一直提示Forbidden

测试几遍,连账号密码都没用验证,因为不管输什么都是提示Forbidden。找到配置文件settings.py,下面命令可到配置文件路径。回到页面刷新,随便输入个账号密码,验证失败证明请求成功了。查看Preview,提示CSRF验证失败,请求被中断。域名:dba.hkeasyspeed.com。打开开发者工具查看,网络里面可以看到报403。添加一条配置,把你配置域名添加进去。可以看到页面可以正常访问到。进入Archery容器。重启Archery容器。正常输入账号密码,OK。

万物皆可学 3143

vue3使用i18n$t()无法获取数组和对象

使用新的api替换即可,

zhu_zhu_xia的博客 730

ESP32与BH1750光照传感器结合使用的Web服务器案例

请注意,为了使代码正常工作,你需要将代码中的"你的WiFi网络名称"和"你的WiFi网络密码"替换为你自己的WiFi网络凭据。在代码中,我们首先导入了所需的库文件,包括Wire库用于I2C通信,BH1750库用于与光照传感器通信,WiFi库和WebServer库用于创建Web服务器。接下来,我们将编写一个Arduino代码来控制ESP32与BH1750的通信,并将读取到的光照强度值显示在Web服务器上。函数用于处理根路径的请求,其中我们读取光照传感器的值,并将其显示在返回的HTML页面中。

server_api196的博客 617

vue i18n v9的迁移后的$t()无法获取数组、对象

项目场景: 将老的vue2项目更新到vue3,vue-i8n也更新到v9版本以上后,发现改动还是挺大的 具体迁移工作参考官网:vue-i18n: Migration from Vue 2 问题描述: 改动的细节很多,此文仅涉及 Translation API 的问题 v9后,$t()将仅返回字符串,数组及对象会直接返回其属性名 原因分析: 官方解释: “Reason: To make simple obligation to return the translation results, and i

ymzhao 3071

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

Vue根据对象中的某个属性来排序对象数组【入门】

根据age排序 要对对象数组按照其中某个属性进行排序,我们可以使用 JavaScript 的 sort() 方法,并传入一个自定义的比较函数。在这个比较函数中,我们可以指定按照哪个属性进行排序。假设有一个对象数组 items,其中每个对象都包含一个 name 属性和一个 age 属性,我们可以使用以下代码将它们按照 age 属性进行排序: 在上面的代码中,我们在组件的 data 选项中定义了一个对象数组 items,它包含了每个人的姓名和年龄。在模板中,我们使用 v-for 指令循环渲染数组中的元素。在 s

『愚』的博客 5970

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

Vue方向:Vue实例上使用$set()更新对象或数组

在vue的实例方法中,$set可以更新对象数据或是数组,有时在实际的开发过程中,对象的数据可能会没有及时地更新,导致页面渲染的值还是旧值,这个时候就可以使用$set去重新更新下数据。

qq_22905801的博客 3780

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

vuejs之插值表达式

什么是插值表达式? 插值表达式是Vuejs中实现数据渲染到页面的一种手段,可以直接让数据从模型到视图,不需要dom操作,在大括号里面给我们提供了js语境,可以执行简单的js代码 插值表达式就是{{ }},如下操作,将模型变量中的属性直接放到插值表达式中可以实现数据渲染到页面的效果, <body> <div> {{ title }} <...

RyleeLouth的博客 8522

Vue前端使用I18实现中英文切换

3. 查看 src/locales/lang/zh-cn.js、src/locales/lang/en.js。进入需要有翻译功能的页面进行配置,如 login.vue。1. 进入src/locales/index.js。2. 查看 src/utils/tool.js文件。

qq_59833893的博客 3465

vue中map遍历对象数组

前言 今天在写map遍历对象数组的时候,vue提示报错 :陷入了更新死循环,原因是遍历操作修改了原数组对象,导致map又一次触发,因此正确做法是map操作时不能改变原数组。 data() { return { names: [ { id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 8 }, { id: 3, name: '张三', age: 18 }

qq_39811414的博客 1万+

Vue 中 $set() 与 Vue.set() 原理及使用

1. 前言 问题: 在使用 vue 进行开发的过程中,可能会遇到一种情况:当生成vue实例后,再次给数据赋值时,有时候并不会自动更新到视图上去。也就是如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 案例: <template> <div class="home"> <div v-for="(item,index) in items" :key="index">{{item}}</div> <button @click="bt

明天也要努力的博客 1万+

vue给对象(数组)添加属性的时候,无法达到响应式的效果,页面无法即时更新

当我们给对象或者数组添加一个属性的时候,会发现通过打印,可以在控制台看见数据已经更新,但是页面却没有成功渲染上。

JunVei的博客 1876

vue中this.$set()的用法----更新数组和对象的值

我们先看看官网给出的解释: 1、更新数组: 我们有一个数组,包括人员姓名和人员年龄两个属性。 想要实现在页面刚加载的时候改变姓名为李四的人的信息。 首先我们想到的是在mouted函数中直接修改name为李四的人的信息 this.itemList[1] = { name: '李思思', age: 30 } console.log(this.itemList[1]); 但是这时候控制台打印的数据更新了,但是页面视图却没有更新。这时候我们就需要用到this.$set

m0_67391521的博客 2万+

vue3【侦测|过滤|数组方法】数据变化侦测&&信息筛选过滤&&常用数组方法.filter() .map() .forEach(). find()

本期内容主要是数据变化的检测和信息的过滤筛选以及常用的数组方法(.filter()、.map()、.forEach()、.find()、、.some()、.every()、.fill())。

XSL_HR的博客 1万+

vue通过条件获取后台对应数据显示在表格

先看运行结果: 正确结果图: 图1.运行界面图 图2.查询结果图 正确代码:(注:要想查看后台数据可以点击 https://www.easy-mock.com/mock/5ce57090f2fc446b5d8ffe18/blog/blogdata这个链接) < template> < div class=“show-examples”> < el-input p...

smilling sky的博客 3万+

vue 数组对象排序

<div id="app"> <ul> <li v-for="(stu,index) in students1">{{stu}}</li> </ul> </div> data:{ students:[ {nam

macangyewangs的博客 535

Vue是怎样监听数组的变化的?

上周五跟着一个师姐面试一个三年工作经验的前端开发,我在一边谨慎的观摩。想着曾经我也被别人面试过,如今面试别人,感觉其实心情是一样的。前言。

bb_xiaxia1998的博客 9856
上一篇: vue - - - - - vue3使用draggable拖拽组件
下一篇: vue - - - - 数据刷新试图不刷新?是不外层有个table?
Dark_programmer
博客等级 码龄7年 9073粉丝 307原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值