vue中方法体内未严格按照执行顺序执行(自上而下,依次执行 ,有用)

news/2024/7/10 2:03:59 标签: vue, axios

注意:

VUE中的方法调用顺序是依次进行的,方法体内部也是依次执行的,
但是,两个方法体的执行顺序并不能严格控制,不一定一个方法执行完再执行另一个
下面来说一下涉及到axios请求时的执行顺序

我们要求的执行顺序是:
发送axios请求,更新数据至数据库–》重新获取数据库中的更新后的数据
我的测试:
如果按下面这种格式写,执行出来的结果是更新之前的,
因为post方法还没执行完,getUserList方法就开始执行了(没有严格的控制执行顺序)

//发送axios请求,更新数据至数据库
this.$http.post('/login/updateUserStatus', userinfo)
//重新获取数据库中的更新后的数据
this.getUserList()

在这里插入图片描述

下面是解决上面这种问题的方法(有两种)
方法一:使用async和await修饰符,使方法调用和执行是同步的

//发送axios请求,更新数据至数据库
await this.$http.post('/login/updateUserStatus', userinfo)
//重新获取数据库中的更新后的数据
this.getUserList()

在这里插入图片描述
方法二:在axios后的语句写在axios.then中,就能确保数据返回之后执行


http://www.niftyadmin.cn/n/1728630.html

相关文章

python分数约分_C++、Java、Python中都是怎么精确表达分数的?

你要的东西,STL 库已经有了,叫 std::ratio ,是 C11 标准的模板类。在 C11 标准之后,C委员会加入了大量高等数学相关的函数,beta函数、gamma函数、黎曼Zeta函数、球面贝塞尔函数等等,少不了优秀的先驱库 boo…

lambda表达式filter使用

filter经常使用到,作为一个积累,直接贴代码 实体类 public class User implements Serializable {private String name;private Integer age;private String address;private BigDecimal balance;private Date createTime;public String getName() {return name;}public void…

es6中的箭头函数和this关键字的说明(详细)

1.箭头函数 2.js的this指向1.箭头函数 >等价于return 它不能作为构造函数,不能new let xx () > 555; //xx为一个函数,调用时需带() console.log(xx()); //555 //等同于 function xx2() {return 555; } console.log(xx2()); //555//…

兴趣点推荐代码_[深度模型] 阿里MIND网络:天猫首页是怎么给用户做多兴趣embedding的...

本人微信公众号为“推荐算法学习笔记”,定期推出经典推荐算法文章,欢迎关注。一. 概述我们知道推荐系统一般有两个重要阶段,召回和精排阶段。召回阶段负责从海量的商品中选出用户感兴趣的候选集,精排阶段再对这些候选集进行排序取…

Vue.config.productionTip = false

Vue.config.productionTip false,阻止启动生产消息; 没有Vue.config.productionTip false这句代码,它会显示你生产模式的消息; 开发环境下,Vue 会提供很多警告来帮你对付常见的错误与陷阱。 而在生产环境下&#x…

java_责任链接模式

介绍: 避免请求发送者和接受者耦合在一起,让多个对象都有可能接收请求将这些对象连接成一条链,并沿着这条链传递请求,直到有对象处理它为止. 主要角色: 抽象处理者(Handler) 抽象处理者定义了一个处理请求的接口,它一般设计为抽象类,由于不同的具体处理者处理请求的方式不同…

python单元测试框架对比_前端测试框架对比(js单元测试框架对比)

前端测试框架对比(js单元测试框架对比)本文主要目的在于横评业界主流的几款前端框架,顺带说下相关的一些内容。测试分类通常应用会有 单元测试(Unit tests) 和 功能测试(Functional tests),复杂大型应用可能会有整合测试(Integration tests)。其中&#…

Vue中key属性的作用(实用)

转载: https://blog.csdn.net/zyj362633491/article/details/86654014