Vue+Axios同步请求

axios本身是没有同步请求的,要实现同步请求,用到的是ES7的asyncawait

ES7的异步特性async / await

async用于声明一个函数是异步的,await用于声明在一个异步函数中等待语句执行完毕。也就是说await只能在async函数中使用。简单示例如下:

const fun1 = async function () {await axios.get('url)
}

Vue中使用async / await实现同步请求

methods: {fun1: async function () {await axios.get('url)}
}

注意事项
如果同步请求是封装在其他函数中,那么每一个函数都需要做成异步函数,示例如下:
Vue调用的是fun3,但是因为中间做了几次判断,最终在fun1中进行请求,那么涉及到的每一个函数都需要异步化

methods: {fun1: async function () {await axios.get('url)},fun2: async function () {...await this.fun1()...},fun3: async function () {...await this.fun2()...},
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/281321.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于vue执行打包后,如何在本地浏览问题

最近一个人在捣鼓vue,写完项目后发现在npm run dev下可以正常访问,bulid之后却一片空白,查看console出现许多Failed to load resource: net::ERR_FILE_NOT_FOUND。恩,看了下网上评论找到了正确的方法 webpack.prod.conf.js 中outp…

ELFhash

字符串哈希算法(以ELFHash详解) 更多字符串哈希算法请参考:http://blog.csdn.net/AlburtHoffman/article/details/19641123 先来了解一下何为哈希: 哈希表是根据设定的哈希函数H(key)和处理冲突方法将一组关键字映射到一个有限的地…

android面试详解

前台就是和用户交互的进程 可见进程例如一个activity被一个透明的对话框覆盖,该activity就是可见进程 服务:service进程 后台一个activity按了home按键就是从前台退回到后台 标准模式:不管任务栈是否存在相同的activity都会创建一个新的activ…

element-ui Notification重叠问题,原因及解决办法

在1个方法中调用两次this.$notify方法,会出现通知框重叠的问题 methods: {checkLogin: function () {if (this.username ) {this.$notify({title: 提示,message: 请输入用户名})}if (this.password ) {this.$notify({title: 提示,message: 请输入用户密码})}}}网上…

Visual Stiudio使用技巧

技巧1 自动生成带参构造函数当我们在编写代码时会经常遇到初始化一个的类,需要通过构造函数进行对象初始化。那么这个时候我们可能会需要逐个去手动写,这样的工作即重复又无趣。如果是在项目非常紧急的情况下还有大量的字段需要与入参一一对应起来简直太…

js将时间戳格式化为HH:ii:ss的格式

将时间戳格式化为 HH:ii:ss的格式 <html> <head> </head> <body><span id"time"></span><script>var timestamp Date.parse(new Date())/1000;var time_old Date.parse(new Date())/1000;timeAdd()/*** purpose : …

Struts 整合 SpringMVC

Struts 整合 SpringMVC 过程&#xff1a;这篇文章是我在整合过程中所做的记录和笔记 web.xml &#xff1a;筛选器机制过滤 原机制是拦截了所有 url &#xff0c;即 <url-pattern>/*</url-pattern>新机制为了将 structs2 的 url 与 SpringMVC 的 url 区分开来&#…

Vue保持用户登录及权限控制

vue-router-power-demo 核心内容有两点&#xff1a; 一是保持用户登录状态&#xff0c;二是根据登录用户的角色动态挂在路由 使用vuex保持用户登录 点击登录按钮&#xff0c;使用vuex的actions分发登录操作&#xff0c;发送用户名和密码到后台获取登录token&#xff0c; 并存…

java B2B2C Springcloud多租户电子商城系统-Spring Cloud Sleuth

在微服务框架中&#xff0c;一个由客户端发起的请求在后端系统中会经过多个不同的的服务节点调用来协同产生最后的请求结果&#xff0c;每一个前段请求都会形成一条复杂的分布式服务调用链路&#xff0c;链路中的任何一环出现高延时或错误都会引起整个请求最后的失败。 愿意了解…

C#性能测试BenchmarkDotnet

1.简介在我们开发高性能代码时&#xff0c;需要各种针对性能优化进行编码。那么如何才能知道我们所加的代码是否有性能方面的正向优化呢&#xff1f;有了BenchmarkDotNet&#xff0c;做性能对比测试就非常容易了&#xff0c;只需要把你的测试方法加上特性[Benchmark], 想做不同…

Requests获取连接的IP地址

在接口自动化的时候&#xff0c;需要获取到连接的本地IP地址&#xff0c;方法如下 1 import requests 2 3 rsp requests.get("http://www.baidu.com", streamTrue) 4 print rsp.raw._connection.sock.getpeername()[0] 5 print rsp.raw._connection.sock.getsockna…

阿里云APP(V4.3) SSH远程登录功能设置操作指南

阿里云APP V4.3 发布了&#xff0c;这次的升级&#xff0c;不仅在iOS和android平台上支持SSH远程登录ECS功能&#xff0c;也支持密钥登录哦~~~ SSH远程登录&#xff0c;这是一个连阿里巴巴自己的技术人员都开心不已的功能&#xff01; 各位攻城狮们&#xff0c;从更新到V4.3的那…

JS专题之节流函数

本文共 2000 字&#xff0c;读完只需 8 分钟上一篇文章讲了去抖函数&#xff0c;然后这一篇讲同样为了优化性能&#xff0c;降低事件处理频率的节流函数。 一、什么是节流&#xff1f; 节流函数&#xff08;throttle&#xff09;就是让事件处理函数&#xff08;handler&#xf…

vue 2.6 插槽v-slot用法记录

v-slot用法简记用法示例匿名插槽与具名插槽插槽作用域组件使用插槽动态命名总结用法示例 vue2.6统一了插槽的语法v-slot 匿名插槽与具名插槽 在其他组件中使用child组件 <child><template v-slot:slotName>hello world</template> </child>child组…

Latex排版全解(转)

Latex排版全解 http://blog.csdn.net/langb2014/article/details/51354238转载于:https://www.cnblogs.com/yifdu25/p/8338399.html

git-ftp Can't access remote 'ft://...', exiting...问题记录

环境 服务器&#xff1a;西部数码虚拟主机 本地系统&#xff1a;windows 10 (LTSC 2019) 软件&#xff1a; Git Bash&#xff0c;gti-ftp (版本1.6.0) 问题 在使用git ftp init初始化上传代码的时候会出现 $ git ftp init fatal: Cant access remote ftp://dmkt:***dmkt.goto…

【Flutter教程】从零构建电商应用(一)

在这个系列中&#xff0c;我们将学习如何使用google的移动开发框架flutter创建一个电商应用。本文是flutter框架系列教程的第一部分&#xff0c;将学习如何安装Flutter开发环境并创建第一个Flutter应用&#xff0c;并学习Flutter应用开发中的核心概念&#xff0c;例如widget、状…

为OWA自定义快捷键

这篇短文分享一下如何为自己常用的网页添加自定义功能&#xff0c;例如添加快捷键。我这里用一个常用的网站作为范例。它是Outlook Web Access (OWA), 它的地址一般如下。我在写邮件时希望能用一些快捷键来提高工作效率&#xff0c;但系统默认自带的快捷键特别少&#xff0c;而…

数据结构 快速排序

快速排序是对冒泡排序的一种改进&#xff0c;是所有内部排序算法中平均性能最优的排序算法。其基本思想是基于分治法的&#xff1a;在待排序数组L[1...n]中任取一个元素pivot作为基准&#xff0c;从数组的两端开始扫描。设两个指示标志&#xff08;low指向起始位置&#xff0c;…

Finally语句块的运行

一、finally语句块是否一定运行&#xff1f; Java中异常捕获机制try...catch...finally块中的finally语句是不是一定会被运行&#xff1f;非常多人都说不是。当然他们的回答是正确的&#xff0c;经过试验。至少下面有两种情况下finally语句是不会被运行的&#xff1a; &#xf…