iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue中关于_ob_:observer的处理方式
  • 567
分享到

vue中关于_ob_:observer的处理方式

vue_ob__ob_:observervue中_ob_:observer 2022-11-13 13:11:21 567人浏览 泡泡鱼
摘要

目录关于_ob_:observer的处理Vue中[__ob__: Observer]问题关于_ob_:observer的处理 在使用this.list.push()后,会出现_ob_

关于_ob_:observer的处理

在使用this.list.push()后,会出现_ob_:oberver这样的对象。

网上很多地方说使用这个方法:

JSON.parse(jsON.stringify(this.list))

但是很多人试了没用,他们可能是这么写的

this.list=JSON.parse(JSON.stringify(this.list))
console.log(this.list)

但其实是这个是有用的,弄一个新变量再输出

let nerArr = JSON.parse(JSON.stringify(this.List))

简而言之,如果碰到这种问题,不要使用data()里面定义的数据直接操作,要操作前,请先new一个对象

vue中[__ob__: Observer]问题

__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。

 我就遇到了这种,在created中已经赋值了,但在mounted中又没有,或者有取不到值,如下图

收了很多,有的说用JSON.parse(JSON.stringify(数组))再进行赋值但没有用后面看来很多终于解决了

因为vue取值的方式是ajax异步的,我们还没取到值就开始用了,直接使用一个定时器就可以解决

mounted() {
 setTimeout(()=>{
 //这里就写你要执行的语句即可,先让数据库的数据加载进去数组中你在从数组中取值就好了
 },800)
 }

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue中关于_ob_:observer的处理方式

本文链接: https://www.lsjlt.com/news/171298.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue中关于_ob_:observer的处理方式
    目录关于_ob_:observer的处理vue中[__ob__: Observer]问题关于_ob_:observer的处理 在使用this.list.push()后,会出现_ob_...
    99+
    2022-11-13
    vue _ob_ _ob_:observer vue中_ob_:observer
  • 关于Vue "__ob__:Observer"属性的解决方案详析
    目录问题描述原因分析:解决方案: 总结问题描述 我们操作 Vue 数据的时候,经常会看到这个属性: __ob__:Observer在我们操作这个数据的时候,如果想...
    99+
    2022-11-16
    vue __ob__:Observer属性 vue __ob__:Observer vue中_ob_:observer
  • 关于ireport中传入list的处理方式
    目录ireport中传入list的处理iReport简单使用+实际应用iReport 是什么一、使用iReport软件二、java Demo示例总结ireport中传入list的处理...
    99+
    2023-02-14
    ireport传入list 传入list的处理 ireport list
  • Java中关于 null 的几种处理方式详解
    对于 Java 程序员来说,空指针⼀直是恼⼈的问题,我们在开发中经常会受到 NullPointerException 的异常。Java 的发明者也承认这是...
    99+
    2024-04-02
  • 关于Netty--Http请求处理方式
    目录Netty--Http请求处理业务处理逻辑Netty处理简单Http请求的例子废话不多说 上代码Netty--Http请求处理 1.这几天在看Netty权威指南,代码敲了一下,就...
    99+
    2024-04-02
  • Vue项目中关于全局css的处理
    目录步骤一:定义声明全局CSS的样式文件(common.scss)步骤二:挂载到全局封装一:对common.scss拆分封装二:新建index.scss,对elementPlus或者...
    99+
    2023-05-16
    Vue关于全局css的处理 关于全局css的处理 Vue处理css
  • Vue+TypeScript中处理computed方式
    目录什么是computedcomputed的用途在TypeScript怎么用另一种方案vue computed正确使用方式 computed or methodscompu...
    99+
    2024-04-02
  • Vue响应式原理Observer、Dep、Watcher的示例分析
    小编给大家分享一下Vue响应式原理Observer、Dep、Watcher的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧...
    99+
    2024-04-02
  • python:关于文件加载及处理方式
    目录关于文件加载及处理1、检查python2、对文件夹下面的文件名称进行列表排列3、过滤不符合要求的文件4、用于将元组转换为列表5、打开文件codeces,open()6、readl...
    99+
    2024-04-02
  • 关于Python中interval的处理
          最近在对几个取值范围做处理时发现很麻烦,需要判断左右,需要判断开闭合,料想强大的Python一定有人准备好了这样的轮子。搜了一下,果不其然,找到了pyinterval这个包。满心欢喜以为找到正解,发现这个模块过于简单(可能是我...
    99+
    2023-01-31
    Python interval
  • vue中对时间戳的处理方式
    目录vue对时间戳的处理1、自建js文件2、在组件模板中引用定义好的时间戳函数3、设置好在script中的引用和定义vue时间戳转换vue对时间戳的处理 1、自建js文件 文件位置根...
    99+
    2024-04-02
  • mybatis大于小于号的处理方式
    本篇内容主要讲解“mybatis大于小于号的处理方式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“mybatis大于小于号的处理方式”吧!在项目中查询时间段的sql语句(时间类型为varcha&...
    99+
    2023-06-02
  • LoadRunner中多值关联的处理方式
    本篇内容主要讲解“LoadRunner中多值关联的处理方式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“LoadRunner中多值关联的处理方式”吧!需求:通过关联取得的ParamName参数可...
    99+
    2023-06-05
  • vue关于this.$refs.tabs.refreshs()刷新组件方式
    目录this.$refs.tabs.refreshs()刷新组件第一种:当前组件刷新第二种:刷新父组件时第三种:非关系组件vue组件重新加载(刷新)如何刷新当前组件this.$ref...
    99+
    2024-04-02
  • 关于Vue组件间的常用传参方式
    目录组件间常用传参方式1. props、emit(最常用的父子通讯方式)2. 事件总线EventBus(常用任意两个组件之间的通讯)3.Vuex状态管理vue组件传参记录几个不太常用...
    99+
    2024-04-02
  • 关于vue的路由模式及修改方法
    目录vue路由模式及修改vue切换路由模式{hash/history}vue路由模式及修改 vue的路由模式有两种模式History和hash模式,切换方式有两种。 默认为hash模...
    99+
    2024-04-02
  • Vue+TypeScript中处理computed的方式是什么
    今天小编给大家分享一下Vue+TypeScript中处理computed的方式是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2023-06-29
  • vue-router中关于children的使用方法
    目录关于children的使用children的使用场景router配置中children配置不起作用关于children的使用 children的使用场景 比如页面左侧显示菜单,右...
    99+
    2024-04-02
  • vue关于下载文件常用的几种方式
    目录vue下载文件常用方式直接打开我们可以自己封装一个方法vue常用的命令创建vue项目常用命令vue项目部署启动项目总结 vue下载文件常用方式 直接打开 直接打开是指我...
    99+
    2022-11-13
    vue下载文件 下载文件方式 vue下载文件方式
  • 关于Vue3中的响应式原理
    目录一、简介二、响应核心1.核心源码2.逐步分析上述示例代码3.收集依赖和触发依赖更新三、V3.2的响应式优化四、后话一、简介 本章内容主要通过具体的简单示例来分析Vue3是如何实现...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作