html元素 <div v-show="toastFlag == '0'"> //弹窗1 </div> <div v-show="toastFlag == '1'"> //弹窗2 </div> <div v-show="toastFlag == '2'"> //弹窗3 </div>
async startRun() { await this.showToast(flag1, "0");//弹窗1 await this.showToast(flag2, "1");//弹窗2 await this.showToast(flag3, "2", true);//弹窗3 }, showToast(flag, code, isFinsh) { //flag---弹窗要展示的数据 //code---弹窗标识 //code---所有弹框是否已经全部弹完 return new Promise((resolve, reject) => { if (flag) { this.toastFlag = code; setTimeout(() => { if (isFinsh) { //关掉弹窗 } return resolve("完成"); }, 2000); } else { if (isFinsh) { //关掉弹窗 } return resolve("完成"); } }); }