【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();
相关推荐
ZKshun9 小时前
[ 前端JavaScript的事件流机制 ] - 事件捕获、冒泡及委托原理
javascript
陶甜也9 小时前
threeJS 实现开花的效果
前端·vue·blender·threejs
用户7678797737329 小时前
后端转全栈之Next.js 路由系统App Router
前端·next.js
OEC小胖胖9 小时前
Next.js数据获取入门:`getStaticProps` 与 `getServerSideProps`
前端·前端框架·web·next.js
薛定谔的算法9 小时前
JavaScript栈的实现与应用:从基础到实战
前端·javascript·算法
深圳外环高速9 小时前
React 受控组件如何模拟用户输入
前端·react.js
土了个豆子的9 小时前
03.缓存池
开发语言·前端·缓存·visualstudio·c#
_extraordinary_10 小时前
Java 多线程(一)
java·开发语言
手握风云-10 小时前
JavaEE 进阶第四期:开启前端入门之旅(四)
前端