AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

成功解决：[‘‘, ‘‘, __ob__: Observer]

2024-08-16 1142
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 这篇文章介绍了Vue框架中数组出现`__ob__: Observer`属性的原因和解决方法，说明了Vue如何通过观察者模式实现数据与视图的双向绑定，并提供了如何避免数组被Vue接管导致无法取值的解决方案。

文章目录

  • 1、问题说明
  • 2、问题出现的原因
  • 3、解决方法
  • 4、成功解决

在项目中遇到的实际问题

1、问题说明

我要取一个数组中的数据，对数组中的数据进行处理，但是取出来的不正确。

将要处理的数组打印输出到控制台。看到打印出的数组是这个样子的
在这里插入图片描述

在这里插入图片描述

2、问题出现的原因

为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。同步和异步的问题

3、解决方法

设置一个延迟、等数据加载结束后、在操作数据

在这里插入图片描述

4、成功解决

在这里插入图片描述

文章标签：
JavaScript
监控
热爱技术的小郑
目录
相关文章
兜里只有三分钱~
element el-cascader动态编辑赋值后，不回显的解决方法（整理）
element el-cascader动态编辑赋值后，不回显的解决方法（整理）
兜里只有三分钱~
2633 0
夏诗曼CharmaineXia
vue2—子页面调用父页面属性或方法
vue2—子页面调用父页面属性或方法
夏诗曼CharmaineXia
876 0
前端随想
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
前端随想
3933 0
宁波阿成.
|
JavaScript
vue里样式不起作用的方法，可以通过deep穿透的方式
vue里样式不起作用的方法，可以通过deep穿透的方式
宁波阿成.
861 0
Yaiba123
|
数据格式
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧，包括多列合并和单列合并的方法，并提供了相应的示例代码和运行效果。
Yaiba123
10401 46
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
刘大猫.
|
缓存 JavaScript Java
vue2知识点：组件的props属性、非props属性、props属性校验
vue2知识点：组件的props属性、非props属性、props属性校验
刘大猫.
452 4
热爱技术的小郑
|
JavaScript
Vue学习之--------路由的query、params参数、路由命名（3）（2022/9/5）
这篇文章详细介绍了Vue路由中的query参数、命名路由、params参数以及props配置的使用方式，并通过实际项目案例展示了它们在开发中的应用和测试结果，同时解释了`<router-link>`的`replace`属性如何影响浏览器历史记录。
热爱技术的小郑
348 4
Vue学习之--------路由的query、params参数、路由命名（3）（2022/9/5）
卡尔特斯
|
小程序
微信小程序 - wx.showModal 内容换行
微信小程序 - wx.showModal 内容换行
卡尔特斯
650 0
武子康
|
消息中间件 NoSQL Kafka
Flink-05 Flink Java 3分钟上手 Redis FlinkJedisPoolConfig 从Kafka写入Redis FlinkKafkaConsumer消费 结果写入Redis
Flink-05 Flink Java 3分钟上手 Redis FlinkJedisPoolConfig 从Kafka写入Redis FlinkKafkaConsumer消费 结果写入Redis
武子康
300 0
秋叶原的琴音
|
JavaScript
uview-ui组件swipeAction关闭无法生效解决方案
uview-ui组件swipeAction关闭无法生效解决方案
秋叶原的琴音
760 0

热门文章

最新文章

  • 1
    Raid 0 1 5 10的原理、特点、性能区别
  • 2
    基于 ChatGLM-6B 搭建个人专属知识库
  • 3
    重磅！阿里云时空数据库正式免费公测
  • 4
    关闭手机卡的流量的方法有哪些？
  • 5
    阿里云服务器搭建WordPress网站完整步骤图文教程（附二级域名解析）
  • 6
    通过阿里云容器服务深度学习解决方案上手Caffe+多GPU训练
  • 7
    让每个进程不同外网 IP，实现局部单窗口单 IP，驱动级网络加速器原理！
  • 8
    ERP系统的培训与用户支持：确保系统高效使用与用户满意度
  • 9
    三层架构、Mvc配置
  • 10
    Win7下VS2008不能为函数设置断点
  • 1
    2026年OpenClaw/Clawdbot指南：阿里云部署、技能扩展与场景落地解析
    90
  • 2
    碾压级优势！阿里云AI云市场份额超过2-4名总和，2026新晋AI时代”领导者“
    70
  • 3
    全球生成式AI “领导者” ——阿里云，中国AI云市场份额超过2-4名总和
    58
  • 4
    OpenClaw/Clawdbot保姆级实战指南：3步部署+必装Skill+5大案例，做AI效率大师
    128
  • 5
    抖音弹幕游戏开发之第10集：整合 - 弹幕触发键盘操作·优雅草云桧·卓伊凡
    47
  • 6
    2026年OpenClaw零基础部署指南+官方Skills全解析：1条命令解锁全能AI助手
    136
  • 7
    基于虚拟同步发电机控制（VSG）实现模块化多电平（MMC）并网仿真（参考文献+仿真模型）
    31
  • 8
    超全基于模块化多电平（MMC）两端柔性直流输电系统simulink仿真（仿真模型+毕业设计报告+文献）
    33
  • 9
    抖音弹幕游戏开发之第9集：pyautogui进阶 - 模拟鼠标操作·优雅草云桧·卓伊凡
    34
  • 10
    基于下垂控制策略的风光储微电网协调仿真控制（仿真模型+参考文献）（含一次调频+并离网切换）
    30

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    第五届伏魔挑战赛如约来袭，诚邀各路高手来战！