vue 方法回调通知执行下一个方法

最新推荐文章于 2022-06-16 16:49:07 发布

June_Wong

最新推荐文章于 2022-06-16 16:49:07 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： VUE

本文链接：https://blog.youkuaiyun.com/June_Wong/article/details/92771211

VUE 专栏收录该内容

5 篇文章

订阅专栏

在Vue开发中，当需要确保一个方法执行完毕后再执行另一个方法时，可以利用Promise来实现。通过引用博客文章《vue方法回调通知执行下一个方法》（https://blog.youkuaiyun.com/shan1991fei/article/details/78966297）中的示例，开发者可以在等待异步请求完成并获取数据后，安全地调用后续操作。

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

有时候需要在一个方法执行完之后才执行下一个方法。
在VUE里面可以用Promise
有一篇优秀的博文可以参考:
https://blog.youkuaiyun.com/shan1991fei/article/details/78966297

自己实际开发运用的示例
背景：
需要等请求完之后获取到数据才执行下一个方法

// 请求接口
getData(queryData){
   	let _self = this;
    return new Promise(function(resolve, reject){
      _self.$httpExt().post('/getData',queryData).then( response => {
        if(response.success == true) {
        	// 成功
        	resolve();
        }else {
         	// 失败
         	reject();
        }
      }), response => {
        _self.$notify.error({
          title: '异常',
          message: response.error
        })
      }
    });
  },

// 请求成功后
this.getData(queryData).then( () => {
	console.log(调用成功)
})