【Promise】某个异步方法执行结束后 在执行下面方法

使用Promise ,当 layer.msg('查询成功') 这个方法执行结束后 ,下面代码才会执行

javascript 复制代码
let thas = this
async function showMessage() {
    await new Promise(resolve => layer.msg('查询成功', resolve));
    // 这里的代码将在 layer.msg 执行结束后执行
    thas.isGuarantee = true;
    thas.InsurancePolicyInfo = res.data;
    thas.ifTimeClose();
}
showMessage();

注意事项:Promise内如果使用 this , this无法访问到Vue实例 ;
解决方法:
1.你需要在外部定义全局变量 值是this, 在promise内使用这个变量

2.直接调用Vue组件实例
描述:箭头函数不会改变 this 的指向,它会捕获外部上下文的 this。因此,在箭头函数内部,this 会指向 Vue 组件的实例

javascript 复制代码
async showMessage() {
  await new Promise(resolve => layer.msg('查询成功', resolve));
  this.isGuarantee = true;
  this.InsurancePolicyInfo = res.data;
  this.ifTimeClose();
}

// 在 Vue 组件中调用 showMessage
this.showMessage();
相关推荐
Ygrowly3 分钟前
搭建 Mock 服务,实现前端自调
前端
火车叼位7 分钟前
threejs api速查表, 你的下一个鼠标垫图案素材
前端·api·three.js
铃铃六9 分钟前
typescript中tpye和interface的区别
前端·typescript
页面魔术11 分钟前
🔥来听听尤雨溪是怎么亲述无虚拟dom的吧
前端·vue.js·前端框架
小old弟11 分钟前
⭐ NestJS入门指南:从零开始构建高效Node.js服务端应用
前端
程序员编程指南12 分钟前
Qt 移动应用常见问题与解决方案
c语言·开发语言·c++·qt
不爱说话郭德纲15 分钟前
为了满足产品和设计,我撸了一个校准器ElkCalibrate📏
前端·vue.js·uni-app
IDOOY22 分钟前
OSS-服务端签名Web端直传+STS获取临时凭证+POST签名v4版本开发过程中的细节
前端·oss·服务端验签直传·sts方式·java+oss-sts验签
kebeiovo26 分钟前
C++代码题部分(1)
开发语言·c++
Hilaku34 分钟前
“全栈”正在淘汰“前端”吗?一个前端专家的焦虑与思考
前端·面试·程序员