【Vue2】关于response返回数据的错误小记

已于 2024-05-15 14:43:55 修改
阅读量347 收藏
点赞数 3
分类专栏： 前端 文章标签： vue.js js javascript
于 2024-05-10 20:24:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34168477/article/details/138680113
版权

关于Vue2中response返回数据的一个错误小记

在这里插入图片描述
如图，在这里返回的时候，后端是通过List< String >返回的，response接收到的实际上是一个Array数组，但是赋值给searchedTaskList的时候，需要在.then包括的范围里面赋值给他。

因为这个请求是一个异步请求。如果把searchedTaskList的赋值放到后面的话，存在taskList还是空的情况。

并且另外值得注意的是，taskList和searchedTaskList赋值的时候，你不能直接让他俩相等，因为让他俩相等的话实际上是searchTaskList是一个对于taskList的指针，修改它的时候也会修改taskList。最好用图上的方法。…这三个点是展开符，也就是说将taskList里面的东西都取出来，然后形成一个列表，再将这个列表赋值给searchedTaskList

诩_
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue请求java服务端并返回数据代码实例
10-15
主要介绍了Vue请求java服务端并返回数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue中为对象增加属性
chenmingzhong99的博客
07-30 1659
从后台返回的数据，要对数据进行拼接。 比如：后台返回数据A对象， A对象有个属性集合属性B。 需要将B中的一个属性拼接在一起，然后赋值给A对象。 从网上看到两种写法： varrecords=response.data.data.records; varlistArray=[]; records.forEach(function(e){ varfileList=e.fileList; ...
nginx 返回数据不完整
逆水千帆的博客
07-20 3868
nginx 返回数据不完整 当nginx 代理解析大量数据流时，会把数据先放在自己的缓冲区,然后一并发给客户端 一次请求的数据量很大, 则会有一部分数据会被忽略掉 前端解析数据会有问题 致使页面白屏   nginx 返回数据不完整的解决办法 server { ... proxy_buffers 16 1024k; pr...
Vue.js使用axios动态获取response里的data数据操作
10-14
主要介绍了Vue.js使用axios动态获取response里的data数据操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于Vue2的响应式大屏数据可视化项目源码.zip
08-10
基于Vue2的响应式大屏数据可视化项目源码.zip 基于Vue2的响应式大屏数据可视化项目源码.zip 基于Vue2的响应式大屏数据可视化项目源码.zip 1、该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心...
vue2实现数据请求显示loading图
08-28
Vue2 实现数据请求显示 loading 图 在 Vue2 项目中，经常需要在数据请求时显示 loading 图，以提高用户体验。下面详细介绍了如何实现数据请求显示 loading 图。 首先，在 App.vue 中，我们需要添加一个 loading ...
vue解析后端返回的二维码图片数据流
01-07
后端返回图片数据流，打印结果是乱码，如下： Chrome浏览器的preview中可以看到二维码（图片），如下： 解析思路： 尝试用二进制大对象Blob解析，然后生成图片的URL，代码如下： // QRCode 为后端接口返回的图片...
vue 切换主题色切换主题色切换主题色切换主题色切换主题色
最新发布
口袋的天空的博客
07-09 761
vue切换主题
vue详解
m0_46702681的博客
07-08 774
指令:HTML标签上带有 v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能常用指令:v-for 列表渲染，遍历容器的元素或者对象的属性v-bind 为HTML标签绑定属性值，如设置 href，css样式等v-if/y-else-if/v-else 条件性的渲染某元素，判定为true时渲染，否则不渲染v-show 根据条件展示某元素，区别在于切换的是display属性的值。
前端面试题2（vue3）
God's asylum的博客
07-04 377
在 Vue 3 中，创建自定义指令（Directive）的语法略有变化，需要在方法中定义。// ...});// 创建一个名为 "focus" 的自定义指令el.focus();});在这个例子中，我们创建了一个名为focus的自定义指令，当该指令绑定的元素被插入到 DOM 中时，会自动获得焦点。答案Proxy。
输入框输入值之后，检索表格中是否存在输入框中的值，存在就让当前文字为红色
weixin_46631078的博客
07-05 286
span v-html="createKeywordHtml_content(scope.row.date)">日期this.searchValue为输入框的值。
day04-组织架构
weixin_44423378的博客
07-04 798
通过在el-tree中传入插槽内容，就可以渲染数据自定义树形结构-代码位置(src/views/department/index.vue)-- 节点结构 --> <!-- v-slot="{ node, data }" 只能作用在template --> < template v-slot = " { data } " > < el-row style = " width : 100%;-- $event 实参 表示类型 --> < el-dropdown > <!
Vue前端打包
weixin_63680330的博客
07-04 345
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
新建Vue工程的几种方法
黔肆的博客
07-04 321
新建vue工程的几种方法，关键词：@vue/cli ,vite , parcel , webpack
基于Java+SpringMvc+Vue技术智慧校园系统设计与实现--60页及以上论文参考
mr_lili_111的博客
07-05 718
Java是一种面向对象的编程语言，目前由美国Oracle公司开发。自1995年上线以来，已经广泛应用于Web开发、桌面应用开发等多个领域。Java语言的特点包括：1、面向对象：Java提供了类、接口和继承等面向对象的特性，支持单继承和多接口继承，以及动态绑定。2、分布式：Java支持Internet应用的开发，提供了网络应用编程接口(java.net)，支持RMI(远程方法激活)机制，适合开发分布式应用。3、健壮性：Java的强类型机制、异常处理、垃圾自动收集等特性保证了程序的健壮性。
Vue的常见指令
m0_63624484的博客
07-09 356
它的作用就是我们可以动态的定义属性的值，比如常见的<img src = "1.jpg">我们如果想要修改图片就需要获取到DOM对象，然后再重新填充，但是如果使用v-bind，v-show作用和v-if一样，只是当它为true或者false都会生成DOM对象；style表示样式，同样我们也可以用vue绑定style，实现样式属性的动态生成。接下来，我们实现经常在网页上看见的多选项选择时，选到哪个，哪个就会高亮显示。所以说，vue主要是实现对数据的操作，而js是对DOM对象的操作。
Vue 3集成krpano 全景图展示
Mr丶GUO
07-06 364
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
属性描述符初探——Vue实现数据劫持的基础
RenGJ010617的博客
07-05 999
属性描述符（Property Descriptor）在JavaScript中是一个特殊的对象，它定义了对象属性的行为和特性。 属性描述符有很多内容可以挖掘，比如defineProperty与Proxy的区别，比如vue2与vue3实现数据劫持的方式有什么不同，实现效果有哪些差异等，这篇博文只是入门，以后有时间再深挖。
vue2发送get请求并处理返回的数据
06-01
在 Vue2 中发送 GET 请求并处理返回的数据，可以使用 Vue.js 封装的 Axios 库。 首先，需要在 Vue.js 组件中引入 Axios 库： ```javascript import axios from 'axios' ``` 然后，在需要发送 GET 请求的方法中，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值