如何解决Vue.js,异步等待函数返回空结果
js项目,我需要使用await / async从我的API中获取数据。
我的代码
const logsFc = async () => {
let logs = [];
for (let i = 0; i < this.data.length; i++) {
const formData = new FormData();
const getLogsFc = () => {
getLogs.request(new URLSearchParams(formData),(response) => {
if (response.status >= 200 && response.status < 300) {
localConsoleLog('getLogs',response);
return response.data.data;
}
});
};
let data = await getLogsFc();
console.warn(data);
logs.concat(data);
}
return logs;
};
但是在获得响应之前会返回日志。
babel.config.js
module.exports = {
presets: [
[
'@babel/preset-env',{
useBuiltIns: 'usage',corejs: 3.6,modules: false,},],};
"vue": "^2.6.0"
我在做什么错了?
解决方法
不要运行request
的回调,而只返回响应:
const getLogsFc = async () => {
let response = await getLogs.request(new URLSearchParams(formData));
if (response.status >= 200 && response.status < 300) {
localConsoleLog('getLogs',response);
return response.data.data;
}
};
let data = await getLogsFc();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。