vue方法同步（顺序）执行：async/await使用

最新推荐文章于 2025-02-21 10:30:00 发布

人间草木96

最新推荐文章于 2025-02-21 10:30:00 发布

阅读量3.4k

点赞数 1

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_43258252/article/details/105736379

版权

本文介绍了在Vue项目中如何利用async/await实现接口返回值后的顺序执行，确保后续操作依赖于前一个接口的成功响应。通过示例说明了await必须配合async函数使用以达到同步效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中有一个地方需要获取到接口返回值之后根据返回值确定之后执行的步骤，使用async搭配await实现，await函数不能单独使用。方法如下:

                // 车辆布控的详情  通过id 查询  gcbh
                async getBkxx(id){
                    var self = this;
                    var isSuccess = false;
                    await $.ajax({
                            type: "get",
                            url: "/admin/carqc/trackalarm/index/getBkxx",
                            data: { id: id  },
                            success: function(res){
                                if(res.code == '0'){
                                    var data = res.data.data;
                                    self.data_gcbh = data.gcbh;
                                    self.data_hpzl = data.hpzl;
                                    isSuccess = true
                                } else{
                                    console.log('获取布控信息失败：