vue 同时执行两个函数 点击_vue实现在一个方法执行完后执行另一个方法的示例...

用Promise来实现

function2(){

// 你的逻辑代码

return Promise.resolve(/* 这里是需要返回的数据*/)

}

function3(){

// 你的逻辑代码

return Promise.resolve(/* 这里是需要返回的数据*/)

}

// 调用

function1(){

this.function2().then(val => {

this.function3();

});

}

拓展知识：vue解决一个方法同时发送多个请求的问题

在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复发送多个请求。这是不允许出现的。

但是怎么解决这个问题呢？

一般处理方法，就是点击的时候，立刻将该按钮disabled，这样就可以避免重复发送请求了。但是我发现这个有一个弊端，那就是：

如果，该事件有许多的验证，比如电话、邮箱格式是否正确呀，必填的是否填了呀等等。一旦你点击就把按钮disabled了，发现该填的没填，回去填完后发现按钮不能点了？那是因为刚才点击的时候被你disabled了，所以还得在验证的方法中取消按钮的disable。就造成了你点击的时候，第一步，将按钮disable了，然后一步一步向下验证，如果验证出错，得取消disable，当所有验证通过了，在请求的回调函数中，成功了