出现原因:Vue 默认的异步执行导致
解决办法:使用Promise
构造函数同步代码解决异步操作
// 定义一个异步操作,返回一个 Promise 对象
function fetchData() {
return new Promise((resolve, reject) => {
// 后台查询,查询后直接使用resolve返回对象
resolve(res);
});
}
// 调用 fetchData 函数,并使用 then 函数处理成功后的逻辑
fetchData().then((data) => {
console.log(data); // 输出: "Data fetched successfully!"
});
注:resolve
相当于Promise
函数的语法糖,用于直接返回结果,reject
用于返回错误信息,可不写