Vue - 将 Ajax 异步网络请求改为同步执行,等待 Promise 风格的接口请求完毕再执行后面的代码(适用于 “等待接口数据获取成功后,在执行下面的语句“ 等需求)超详细示例及注释解决方案

前言

在 Vue 项目中,大家常用的请求都是 Promise 风格(例如 Axios 请求库),它们都是 “异步的”,想让其某个请求变为同步?

本文实现了 将某个指定 Promise 风格的请求接口,从异步请求改为同步,等待接口数据请求完毕再执行后面的代码,

您可以随意指定某个接口,想让哪个改为同步都行,不会影响全局!不会修改您的任何 Axios 请求配置!


如下图所示,真实开发中很多时候,请求数据的接口函数是需要 “同步” 的,因为后续的代码会有所 “依赖”,

如果您想让 JS setTimeout 定时器从异步改为同步,本文也是可行的。

在这里插入图片描述

解决方案

给您提供了详细的解决示例,您可以按照需求进行复制。

标准的 *.vue 文件,请您观察以下示例代码。

export default {
   
    
    
	mounted

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/128644386