js一个接口调用完成后调用下一个接口这时候就需要借助js的异步相关函数来实现功能。功能需求：点击一个【应用XX】操作按钮刷新整个页面，打开弹框获取弹框最新数据实现：vue部分：应用xxui:js部分：写法1constgetDetail=()=>{//获取当前页面数据//...returnnewPromise(resolve=>{http.api(params).then(res=>{//一些数据操作//返回结果resolve(res)}).catch()})}constopenModal=async(type,data)=>{switch(type){case'apply'://applyclickapply再次调用接口//大括号的作用是让数据保持在当前作用域内，使得传递给弹出页面的数据是最新的数据{const结果=等待getDetail()applyIsShow.value=truemodalTitle.value='applyxx'relatedObj.value={type:result.type,id:result.id,code:result.code,status:result.status}}break}}写法二：constgetDetail=()=>{//获取当前页面数据//...returnnewPromise(resolve=>{http.api(params).then(res=>{//一些数据操作//返回结果resolve(res)}).catch()})}constopenModal=async(type,data)=>{switch(type){case'apply'://Apply点击Apply再次调用接口getDetail().then(result=>{applyIsShow.value=truemodalTitle.value='applyforxx'relatedObj.value={type:result.type,id:result.id,code:result.code,status:result.status}})break}}两种写法结果一样，都可以实现
