【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();
相关推荐
Freedom风间1 小时前
前端优秀编码技巧
前端·javascript·代码规范
萌萌哒草头将军1 小时前
🚀🚀🚀 Openapi:全栈开发神器,0代码写后端!
前端·javascript·next.js
萌萌哒草头将军2 小时前
🚀🚀🚀 Prisma 爱之初体验:一款非常棒的 ORM 工具库
前端·javascript·orm
拉不动的猪2 小时前
SDK与API简单对比
前端·javascript·面试
runnerdancer2 小时前
微信小程序蓝牙通信开发之分包传输通信协议开发
前端
yuanManGan2 小时前
C++入门小馆: 深入了解STLlist
开发语言·c++
北极的企鹅882 小时前
XML内容解析成实体类
xml·java·开发语言
BillKu2 小时前
Vue3后代组件多祖先通讯设计方案
开发语言·javascript·ecmascript
Python自动化办公社区2 小时前
Python 3.14:探索新版本的魅力与革新
开发语言·python
山海上的风2 小时前
Vue里面elementUi-aside 和el-main不垂直排列
前端·vue.js·elementui