【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();
相关推荐
辣辣y2 分钟前
python基础day08
开发语言·python
蓝倾10 分钟前
淘宝批量获取商品SKU实战案例
前端·后端·api
comelong14 分钟前
Docker容器启动postgres端口映射失败问题
前端
花海如潮淹16 分钟前
硬件产品研发管理工具实战指南
前端·python
用户38022585982417 分钟前
vue3源码解析:依赖收集
前端·vue.js
用户75794199497017 分钟前
基于JavaScript的简易Git
javascript
WaiterL17 分钟前
一文读懂 MCP 与 Agent
前端·人工智能·cursor
gzzeason20 分钟前
使用Vite创建React初始化项目
前端·javascript·react.js
又双叒叕77820 分钟前
React19 新增Hooks:useOptimistic
前端·javascript·react.js
Json____38 分钟前
使用python的 FastApi框架开发图书管理系统-前后端分离项目分享
开发语言·python·fastapi·图书管理系统·图书·项目练习