获取proxy对象中属性的值

这篇具有很好参考价值的文章主要介绍了获取proxy对象中属性的值。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天写vue3项目的时候,想要获取row里边的一个属性的值 发现怎么也获取不到

看代码

这是前端页面

当我要点击接种的时候想要获取到该行接种者自己的id

获取proxy对象中属性的值

前端代码

获取proxy对象中属性的值
获取proxy对象中属性的值

这个id我并没有在前端展示出来,我只在前端展示了四个属性供用户查看

当我想要获取这一行病人的id的时候,我刚开始写法是直接row.id

获取proxy对象中属性的值

查看一下控制台信息

发现row能正常输出

row.id就显示输出的是undefine

获取proxy对象中属性的值

直接打印proxy里面的值可能会报undefined

一、第一种获取target值的方法::通过vue中的响应式对象可使用 toRaw() 方法获取原始对象

然后我们改变一下写法 使用toraw()

首先导入函数

import { toRaw } from'@vue/reactivity';
获取proxy对象中属性的值

去控制台查看一下输出信息

我们就发现

获取proxy对象中属性的值

这样就能打印出proxy里原始的对象

我们打印一下里边的属性试试文章来源地址https://www.toymoban.com/news/detail-487192.html

获取proxy对象中属性的值

二、第二种方法:通过json序列化之后可获取值

JSON.parse(JSON.stringify(xxxx))

到了这里,关于获取proxy对象中属性的值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • java 使用stream累加对象中某个属性的值并返回总和

    假设有一个包含对象的List列表,每个对象都有一个属性value,可以使用Java 8中的Stream流来累加对象中某个属性的值并返回总和。以下是一些可能的实现方法: 1、使用reduce方法: 这里使用了mapToInt方法将每个对象转换为其value属性的值,然后使用reduce方法将这些值累加起来。

    2024年02月11日
    浏览(83)
  • python 读取文件, 转化为 json 格式, 获取 json 中某个属性的值

    有以下文件 info.txt , 想要读取其中的 fileVideoId, 组成一个列表后返回. 运行结果:

    2024年02月09日
    浏览(46)
  • 【js】对象属性的拦截和Proxy代理与Reflect映射的用法与区别

    ✍️ 作者简介: 前端新手学习中。 💂 作者主页: 作者主页查看更多前端教学 🎓 专栏分享:css重难点教学   Node.js教学 从头开始学习   ajax学习 在对象中,set 和 get 是属性的特性,用于定义属性的赋值和取值行为。它们允许您在属性被赋值或取值时执行自定义的逻辑。 set

    2024年02月07日
    浏览(37)
  • RxJava 响应式获取List 指定名称对象的值

    可以通过 Java 8 的 Stream API 来实现。假设你有一个名为 list 的 List 对象,其中包含多个对象,每个对象都有一个名为 name 的属性和一个名为 value 的属性,你可以使用以下代码来获取名为 targetName 的对象的 value 值:

    2024年02月08日
    浏览(45)
  • 使用Lambda获取List对象中某一个属性以及获取特定条件下的属性对象

    使用Lambda表达式需要jdk1.8以上的环境 如下所示

    2024年02月15日
    浏览(50)
  • Mybatis传递实体对象只能直接获取,不能使用对象.属性方式获取

    mybatis的自动识别参数功能很强大,pojo实体类可以直接写进mapper接口里面,不需要在mapper.xml文件中添加paramType,但是加了可以提高mybatis的效率

    2024年02月09日
    浏览(70)
  • Java通过属性名获取Object对象属性值

    通过已知的属性名称,从对象里获取数据的方式 通过将Object转为Map: 通过invoke方式: 调用方式:

    2024年02月15日
    浏览(40)
  • Java 反射设置/获取对象属性值

    ✨大家好,我是【zhuzicc】~ ,一位主攻【Java】的 攻城狮!✨ 欢迎对【Java】感兴趣的大佬,关注我 😜 ———————————————— ❤️ ❤️ ❤️ 如果觉得本文还不错,点赞 + 评论 + 关注 + 收藏。有补充欢迎评论交流,我将努力创作更多更好的文章。 大佬们的支持

    2024年02月07日
    浏览(53)
  • js中遍历对象数组并获取对象相应的属性值

    JavaScript中遍历对象数组的方法有很多种。以下是常见的四种常见的方法: for ​循环, for...of ​循环, forEach ​方法和 map ​方法,在遍历的同时,通过访问对象的属性来获取相应的值。 ​ for ​循环: ​ for...of ​循环: ​ forEach ​方法: ​ map ​方法(通常用于创建一个

    2023年04月25日
    浏览(38)
  • js对象获取属性的方法(.和[]方式)

    js对象获取属性有两种方法:1.通过.的方式  2. 通过[]方式 // 通过.方式获取属性值,key是静态的 var aa = {name: \\\"zhang\\\", age: 18}; console.log(aa.name);   // 通过[]获取属性值, key是动态的,可以是字符串,或者数字的形式 var bb = {\\\"apple\\\": 3, \\\"pear\\\": 2} var cc = {1: \\\"number1\\\", 2: \\\"number2\\\"} console.log(b

    2024年02月01日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包