vue 能拿到对象 打印对象 但获取不到具体属性 属性 undefined

最新推荐文章于 2023-08-31 09:18:34 发布
最新推荐文章于 2023-08-31 09:18:34 发布
阅读量1w 收藏 4
点赞数 2
分类专栏： 疑难杂症
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45345105/article/details/112471393
版权

后端获取回来的数据，拿到部分数据添加到定义好的对象，发现打印对象是可以正常获取，但是.获取具体属性的时候报undefined，因为新增的不是响应式数据，所以 新增的属性名没有set和get，就没法获取该值了。
在这里插入图片描述
在这里插入图片描述
解决
在这里插入图片描述

Jack おう
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
vue中的数据或对象直接赋值数据未更改的问题记录
szl199107101035的博客
05-06 2861
问题： 在父组件中创建了一个数组对象，子组件通过props引入。当父组件的数据更改后，子组件未触发更新，导致数据还是旧的。代码如下 //此处的rightList是子组件，rightTicketList是传给子组件的数组对象 <rightList ref="rightTicketList" :right-ticket-list="rightTicketList" @deleteList="deleteList" @openRealNam
Vue能打印出对象,但是打印不出具体的属性值
weixin_63712639的博客
08-11 4035
在开发中我发现打印对象可以正常显示，但是获取具体属性的时候没有值，后面查阅相关知识才知道因为新增的不是响应式数据，所以新增的属性名，没有set和get方法，就没法获取该值了。，所以它会调用相关 getter 和 setter。所以我们可以通过Object.assign方法解决这个问题。方法会拷贝源对象自身的并且可枚举的属性到目标对象。...
vue 定义对象赋值时一直提示cannot read property "xxxx" undefined
abin404_500的博客
03-04 1860
vue是异步请求.页面渲染刚开始的时候还没有拿到这个值，所以会报错.在vue中对该值进行if判断(v-if = "").当该对象有值的时候再进行渲染
浏览器控制台显示对象有该属性，但控制台打印这个属性为 undefined
fqqbw的博客
08-12 1838
浏览器控制台显示对象有该属性，但控制台打印这个属性为 undefined
关于Vue对象取属性值undefined
yuxuan89814的专栏
05-25 1万+
记一次 Vue 关于对象取属性值报错 昨天写Vue前端代码，卡在了一个点上，取对象值，是存在的，但是存对象的属性值，一直undefined的。为此苦恼很久。 结果是因为，属性写错了，写错的点是，后端mock的数据对象，在Vue mounted中请求后端数据传递到前端的。在后台传入的mock数据，误写为： “name:”:value 多了：分号 导致前端取对象属性name，data.name 取不到值，当时还信心满满认为肯定是Vue组件周期导致的取不到属性值，网上搜索半天，压根没考虑到是属性名字写错的这个最简
vue关于父组件传给子组件类型为对象的数据其对象里的数组打印不出来
weixin_42484910的博客
01-11 1206
问题-父组件传给子组件是个对象，打印对象可以看到对象里数组的长度为6， 但直接打印对象里数组发现没有获取到传过来的数组数据 解决- 使用watch深度监听此对象 在打印其对象里的数组即可得到完整数据 ...
vue中对象属性赋值后，页面不更新解决方案
热门推荐
天蚕土豆丝的博客
08-04 1万+
vue属性值变化后，页面不更新解决方法
问题：从vuexstore中获取到的对象，直接打印这个对象就有内容，但是如果打印对象里的属性就为undefined了
weixin_53737663的博客
10-06 1645
问题：从vuexstore中获取到的对象，直接打印这个对象就有内容，但是如果打印对象里的属性就为undefined了
vue中使用refs定位dom出现undefined的解决方法
11-29
但这并不意味着所有的DOM操作都可以在这个阶段进行，尤其是当涉及到`v-if`、`v-for`和`v-show`这样的指令时。这些指令会根据条件或数据变化延迟DOM的渲染。因此，如果`ref`指向的元素受到这些指令的影响，那么在`...
详解在Vue中通过自定义指令获取dom元素
12-08
在自定义指令中，我们可以监听绑定的数据变化，但需要注意的是，这些钩子函数内部的`this`并不指向Vue实例，因此无法直接使用`this.$el`来获取元素。 为了解决这个问题，我们可以采取以下策略。首先，创建一个...
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
vue 父组件通过$refs获取子组件的值和方法详解
10-16
另外，`$refs` 不是响应式的，这意味着你不能在模板或计算属性中依赖 `$refs` 的变化。 总结来说，Vue 父组件通过 `$refs` 获取子组件的值和方法是一种直接的通信方式，适用于某些场景，如需在父组件中直接调用子...
详解vue 2.6 中 slot 的新用法
12-04
在Vue 2.6中，插槽（slot）的语法得到了显著简化，使得开发者能够更加高效地利用组件的可重用性和可读性。插槽是Vue组件间内容分发的关键机制，允许我们以非传统父子关系的方式组合组件，提供了一个内容插入到组件...
json对象控制台可以打印，取对象属性值时确为undefined
最新发布
m0_72929120的博客
08-31 283
【代码】json对象控制台可以打印，取对象属性值时确为undefined。
vue打印props的值_vue获得的props对象打印出来有结果，可是里面的值对打印出来是undefined...
weixin_30896451的博客
01-14 2180
向模态框子组件中传递的props代码如下：结果如下：模态框无法得到父组件实时更改的数据，代码示例：http://jsbin.com/rijoyinuca/e…vue模态框传递数据v-show初始状态modal已经生成完成渲染，父元素data更新，模态框dom没有更新，使用v-if比较好，在父元素data更新的时候modal才开始重建，data更改即销毁，能达到模态框根据传入数据显示的要求例子：ht...
Vue2 疑难扎症（一）有时候取不到Vue对象中值怎么办？对象值发生改变了但是页面没有刷新怎么办？
qq_53679247的博客
12-31 3444
Vue 疑难扎症（一）有时候取不到Vue对象中值怎么办？对象值发生改变了但是页面没有刷新怎么办？然后这个对象里面的数据就是这个直链的链接了，然后我们可以将这个直链的链接填充到前端的一个变量中。因为axios是一个异步通信的一个方式，这个log函数，和post请求，他们是不是一个同步的关系可能就不是从上到下按顺序执行的，就是说他这个打印函数可能是先执行的，然后他并没有等待post的执行完毕才去执行，所以就出现了，就是打印出来的数据是空的。像这种是无法引起组件的刷新的。
vue中读取对象中对象的属性无法读取报错
weixin_44723016的博客
10-27 3824
vue中读取对象中对象的属性无法读取报错，提供一下两种解决方式。
vue v-for 循环拿到的值放到return变量不去再次循环
06-11
如果你不想再次循环 v-for 得到的值，你可以直接使用 JavaScript 数组的 `map` 方法来实现。例如： ``` return () => { return this.items.map(item => { // 对每个 item 进行处理 return item + ' processed' }) } ``` 这里的 `map` 方法会对数组中的每个元素都执行一遍回调函数，并将结果放到一个新的数组中返回。在这个例子中，我们对每个 `item` 进行处理，并将处理后的结果放到新的数组中返回，而不需要再次使用 v-for 循环遍历。 注意，在使用 `map` 方法时，你需要返回一个值，否则会得到一个包含 `undefined` 的新数组。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值