【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();
相关推荐
韶博雅5 分钟前
emcc24ai
开发语言·数据库·python
专吃海绵宝宝菠萝屋的派大星7 分钟前
使用Dify对接自己开发的mcp
java·服务器·前端
爱分享的阿Q7 分钟前
Rust加WebAssembly前端性能革命实践指南
前端·rust·wasm
蓝黑20209 分钟前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
小李子呢021118 分钟前
前端八股6---v-model双向绑定
前端·javascript·算法
yongui4783422 分钟前
C# 与三菱PLC通讯解决方案
开发语言·c#
2501_9333295524 分钟前
技术架构深度解析:Infoseek舆情监测系统的全链路设计与GEO时代的技术实践
开发语言·人工智能·分布式·架构
Tong Z27 分钟前
常见的限流算法和实现原理
java·开发语言
凭君语未可30 分钟前
Java 中的实现类是什么
java·开发语言
He少年32 分钟前
【基础知识、Skill、Rules和MCP案例介绍】
java·前端·python