__ob__: Observer这个后缀其实是Vue监控数据产生的,如果使用push添加数据就会出现__ob__: Observer

使用 JSON.parse(JSON.stringify(dataName))可解决

this.teams.push({'name':this.teamName,'grade':this.teamGrade
})
console.log(JSON.parse(JSON.stringify(this.teams)))
console.log(this.teams)

关于JSON.parse()和 JSON.stringify()

Vue:push添加数据出现__ob__: Observer相关推荐

  1. vue 数组添加数据

    vue 数据添加分为三种方法:1.unshift(),2.push(),3.splice() <template><div><ul><li v-for=&qu ...

  2. Vue响应式数据: Observer模块实现

    前言 首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励.接下来的日子我应该会着力写一系列关于Vue与React内部原理的文 ...

  3. Vue响应式数据: Observer模块实现 1

    前言   首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励.接下来的日子我应该会着力写一系列关于Vue与React内部原理 ...

  4. vue 数组 指定位置添加数据_VUE 响应式原理源码:带你一步精通 VUE | 原力计划...

    作者 | 爱编程的小和尚 责编 | 王晓曼 出品 | CSDN博客 学过 VUE 如果不了解响应式的原理,怎么能说自己熟练使用 VUE,要是没有写过一个简易版的 VUE 怎么能说自己精通 VUE,这篇 ...

  5. 关于 Vue “__ob__:Observer“ 属性的解决方案

    问题描述 我们操作 Vue 数据的时候,经常会看到这个属性: __ob__:Observer 在我们操作这个数据的时候,如果想要单独拿这个数据里面的值,就会返回 undefined 经过我在网上查找相 ...

  6. 解决vue的{__ob__: observer}取值问题

    vue编码中经常出现获取到的数据是:{__ob__: Observer} 格式的,详细如下 可能导致后续数据操作错误,如何获取其中的数值呢 解决方法如下: 将返回的数据data先转换为JSON字符串形 ...

  7. vue 中 [__ob__: Observer]问题

    __ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的. 首先我们要把这个数据获取原始数据 JSON.stringify([data])   变成字符串 然后在 ...

  8. 添加数据功能java,SpringBoot+Vue实现数据添加功能

    一.添加代码生成器 用来自动为数据库映射类建立:mapper.service.controller package com.hanmh.utils; import com.baomidou.mybat ...

  9. list vue 添加数据方法_一篇文章教会你创建vue项目和使用vue.js实现数据增删改查...

    简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...

最新文章

  1. HEVC算法和体系结构:环路滤波技术
  2. asp.net实现ftp上传代码(解决大文件上传问题)
  3. 【深度学习】图解 9 种PyTorch中常用的学习率调整策略
  4. 阿里云安装JDK1.7
  5. 到底逾期几次才会影响贷款申请?
  6. 二项式反演(非详细)
  7. M. Monster Hunter(树形dp)
  8. Java FileInputStream finalize()方法与示例
  9. Linux APT VIM 的一些指令
  10. CentOS系统自动下载RPM包及其所有依赖的包(离线部署)
  11. read 系统调用剖析【转】
  12. tomcat中间件的默认端口号_Tomcat下载安装及配置
  13. oracle var/tmp,[20141128]目录/var/tmp/oracle.txt
  14. 蜂鸣器基本介绍及实现程序
  15. IP修改后自动还原(IP地址无法修改)
  16. Typora恢复忘记保存的文件
  17. PS抠头发妙法(原创技巧)
  18. 上海网站备案人工服务器,上海网站备案中心
  19. Linux鼠标回报率修改,技术编辑帮您鼠标怎么调回报率
  20. 【归并排序】【洛谷】【P1309-瑞士轮】

热门文章

  1. Linux 环境ELK7.4.0之Kibana小白使用手册之Discover页面使用
  2. 在职人员学历提升有哪几种方式?
  3. 华为OD机试 - 获取最大软件版本号(Java JS Python)
  4. bisect的一些用法(代码详解)
  5. 神奇的 Python
  6. 在线教育平台架构设计
  7. css雪碧图及优缺点
  8. 数据结构与算法详细解析之双链表结构解析
  9. 顺丰(慧眼神瞳)并查集问题
  10. 吴恩达《深度学习专项》笔记+代码实战(三):“浅度”神经网络