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

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

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

文章目录

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

在项目中遇到的实际问题

1、问题说明

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

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

在这里插入图片描述

2、问题出现的原因

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

3、解决方法

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

在这里插入图片描述

4、成功解决

在这里插入图片描述

文章标签：
JavaScript
监控
热爱技术的小郑
目录
相关文章
rp54yl2b5rw2w
|
JavaScript
VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
rp54yl2b5rw2w
10162 0
VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
huangdouya
|
10月前
|
人工智能 自然语言处理 安全
Claude Code 插件登陆 VS Code：开发者迎来 AI 编程新利器
Anthropic正式发布Claude Code——VS Code官方插件，支持多语言智能补全、代码解释、错误诊断与安全重构。隐私优先、长上下文（200K tokens）处理能力强，显著优于Copilot的可解释性与代码质量，已获开发者广泛好评。（239字）
huangdouya
9496 5
蓝易云
|
存储 JavaScript 前端开发
务必把握Map对象在JavaScript循环中的使用细节
由于Map对象跟传统的对象类似，但提供了更多的迭代功能，它被广泛用来代替Object存储键值对。适当的使用Map和配套的迭代方法，可以让代码更加清晰，提高数据操作的灵活性和效率。在数据量大或者对迭代顺序有特定需求时，Map会是一个很好的选择。
蓝易云
767 0
好奇的菜鸟
|
资源调度 JavaScript API
Vue-treeselect：为Vue应用程序提供强大选择器的指南
Vue-treeselect：为Vue应用程序提供强大选择器的指南
好奇的菜鸟
3088 0
左诗右码
|
存储 Java Go
Go 语言中如何操作二维码？
二维码（QR Code）在支付、登录和信息共享中广泛应用。本文介绍如何用Go语言实现二维码的识别与生成，通过工具库`gozxing`完成识别，支持多种格式和高效解码；同时借助`go-qrcode`生成二维码。文章从工具选择、代码实现到实用案例全面解析，手把手教你掌握二维码处理技术，助力开发更便捷的应用场景。
左诗右码
523 6
Go 语言中如何操作二维码？
sysin
|
Kubernetes 安全 虚拟化
VMware Fusion 13.6.3 发布下载，现在完全免费无论个人还是商业用途
VMware Fusion 13.6.3 发布下载，现在完全免费无论个人还是商业用途
sysin
31099 10
VMware Fusion 13.6.3 发布下载，现在完全免费无论个人还是商业用途
java冯坚持
|
小程序 JavaScript API
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
java冯坚持
4193 0
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
六卿
|
移动开发 前端开发 JavaScript
使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）
本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
六卿
2040 0

热门文章

最新文章

  • 1
    【云计算的1024种玩法】海外数据中心+反向代理加速企业官网的海外访问体验
  • 2
    使用阿里云消息队列
  • 3
    mac设置终端命令行别名alias（git、npm）
  • 4
    5G 新空口关键技术 |带你读《5G空口特性与关键技术》之三
  • 5
    React Native动画Animated详解
  • 6
    阿里云EDAS本地开发指南
  • 7
    Spark SQL玩起来
  • 8
    5分钟学习基于Go，go-microservice-template，Minke的微服务
  • 9
    vue仿微信界面聊天室项目|vue聊天案例
  • 10
    千牛挂“虹（Rainbow）”，域和角色不胜数
  • 1
    优雅草2026年10个开源鸿蒙工业软件项目二详解：鸿蒙星闪无线阀岛控制系统
    28
  • 2
    《人情世故指南》完整原版：年轻人的社会第一课，为人处世的底层逻辑（github优质项目）
    26
  • 3
    优雅草10个开源鸿蒙工业软件项目一详解：鸿蒙星闪无线分布式挤出机温控系统
    28
  • 4
    阿里云 GPU 云服务器评测：不同卡型性能差异，计费模式 + 2026 双十一大促报价
    37
  • 5
    新手教程：阿里云 ECS 云服务器怎么样？性能、计费、2026 双十一活动价格
    24
  • 6
    大模型时代，企业轻量化上云与AI落地的最优实践方案
    38
  • 7
    一文看懂 2026 阿里云双十一轻量应用服务器价格表，建站入门怎么选？测评
    28
  • 8
    阿里云 2026 双十一活动参与指南，算力、数据库、AI 产品优惠解读
    34
  • 9
    阿里云双十一大促 2026 优惠盘点，99 计划、Token 折扣、代金券玩法说明
    33
  • 10
    云数据库 SelectDB 版实战笔记：从入门到生产级应用
    88

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！