0

问题如题,我相信这个问题是刚开始学习的时候都会遇到的问题,我再贴一下我的具体代码

vue组件中,发起网络请求,代码如下

clipboard.png

api 中处理方法如下

clipboard.png

chrome中实际输出如下

clipboard.png

我想要的结果是先输出api中logout的 ‘登出成功’ ,返回 success 给请求方,然后却并没有这样,原因我知道,异步的嘛,不过怎么改就不知道了

另外,如果只限这里的解决方案,我也知道,可能有人会叫我直接把vue组中的(也就是接收‘success’后的操作搬到logout中)操作搬到api中,这里是可以这样解决,不过以后总会遇到不适合这种解决方法的情况嘛,所以我还是希望有大佬能给个你们遇到这种情况觉得合适的解决方法

2月20日提问
3 个回答
1

已采纳

可以使用async函数呀


api.js

logout(){
    return request(...);
}

vue组件

methods: {
    async xxxFun(){
        const result = await this.xxx.api.logout();
    }
}
0

logout那里return promise,组件那里用logout.then(...//这里执行你后面的操作),或者用下async,await。

0

应该是把logout方法中的成功回调后的then方法放置于Vue组件中吧

撰写答案

推广链接