vue中异步请求数据问题，如何将异步改写成同步

2020-01-21 09:06:20 3.9k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Vuex —— 同步和异步请求上一篇讲到 Vuex 状态管理的内容，那么本篇就来将关于Vuex中的同步和异步数据请求，先来简单的回顾一下 Vuex ，Vuex 中有五个核心属性：state 、getter、mutation、action、module。state: 存放数据状态，不能被直接的修改；getter: 基于 state 的计算属性；mutation: 直接更新 state 的多个方法的对象；action: 通过 mutation 间接更新state；module：分模块化；阅读详情

代码如下：

结果如下：
为什么“2222”的结果中concat没有起作用，应该是长度为 21的数组

...全文

vue使用axios异步请求后端数据的使用 Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新维护 vue-resource，并推荐axios，目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求。使用方法： 1.安装 npm install axios --save-dev 2.使用： main.js中：阅读详情

朽木自雕xmzd

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

a0356 2020-03-03

打赏
举报

引用 8 楼 qq_16687863 的回复:

[quote=引用 6 楼 a0356 的回复:] 楼主是怎么解决的啊

实在不行，我可以给你看下代码[/quote] 大概理解了谢谢楼主

朽木自雕xmzd 2020-02-29

打赏
举报

引用 6 楼 a0356 的回复:

楼主是怎么解决的啊

实在不行，我可以给你看下代码

朽木自雕xmzd 2020-02-29

打赏
举报

引用 6 楼 a0356 的回复:

楼主是怎么解决的啊

我这里面就是一个变量，我先吧它拼接进一个列表，再去遍历每个元素，进行别的操作。不要这种方式，直接先去吧别的操作做好，再去拼接

朽木自雕xmzd 2020-01-23

打赏
举报

引用 4 楼天际的海浪的回复:

确认了，是因为你的 this._normalizeSongs() 返回的不是Promise对象，而是先返回一个空数组[]，之后再通过ajax的异步操作对这个空数组添加元素。不是Promise对象就不能通过 await 等待ajax的异步操作。ajax的异步操作要在当前程序线程执行完之后才执行。这样 res.concat(list) 与res合并的就是空数组 [] console.log("111",list)输出的也是[]。控制台看到111下面是个[]了么？你能在控制台看到list有数据是因为在用console.log()输出数组或对象时，对象（数组）的属性是折叠不显示的。如果你在console.log()输出之后改变了对象（数组）的属性，也就是ajax的异步操作对这个空数组添加元素，当你点击三角展开属性时，会重新读取对象（数组）当前的属性，也就是显示出来的是你点击三角展开时的属性，而不是执行console.log()时的属性。如果用console.log(JSON.stringify(list));以字符串方式输出就会看到list当前的值。

感谢，已解决，非常感谢

朽木自雕xmzd 2020-01-22

打赏
举报

引用 1 楼天际的海浪的回复:

res.concat() 不是异步函数，不需要用 await 调用啊。

关键是用不用，它都无法拼接进去，不知道为什么，不用，结果也是这样

天际的海浪 2020-01-22

打赏
举报

确认了，是因为你的 this._normalizeSongs() 返回的不是Promise对象，而是先返回一个空数组[]，之后再通过ajax的异步操作对这个空数组添加元素。不是Promise对象就不能通过 await 等待ajax的异步操作。ajax的异步操作要在当前程序线程执行完之后才执行。这样 res.concat(list) 与res合并的就是空数组 [] console.log("111",list)输出的也是[]。控制台看到111下面是个[]了么？你能在控制台看到list有数据是因为在用console.log()输出数组或对象时，对象（数组）的属性是折叠不显示的。如果你在console.log()输出之后改变了对象（数组）的属性，也就是ajax的异步操作对这个空数组添加元素，当你点击三角展开属性时，会重新读取对象（数组）当前的属性，也就是显示出来的是你点击三角展开时的属性，而不是执行console.log()时的属性。如果用console.log(JSON.stringify(list));以字符串方式输出就会看到list当前的值。

天际的海浪 2020-01-22

打赏
举报

可能list不是真正的数组，或者里面的值是自定义的属性，不是真正的数组元素。

天际的海浪 2020-01-21

打赏
举报

res.concat() 不是异步函数，不需要用 await 调用啊。

vue中异步请求数据问题，如何将异步改写成同步

相关推荐