如何配置vue el的this.$confirm，使其在确认后不中断代码流程？

本文共计731个文字，预计阅读时间需要3分钟。

目录：Vue + Element UI 使用 this.$confirm 阻止代码执行+整体解决+后续+使用 this.$confirm 换行显示提示信息+这里我需要显示两行信息+解释+Vue + Element UI 使用 this.$confirm 阻止代码执行+在 Vue + Element UI 中

目录

• vue+el使用this.$confirm不能阻断代码往下执行
• 具体解决
• 后记
• 使用this.$confirm换行显示提示信息
• 这里我需要显示两行信息
• 解释

vue+el使用this.$confirm不能阻断代码往下执行

在vue+element ui的前端框架中使用el的confirm弹窗，遇到一个问题，就是连续多个弹窗提示一些信息，要是点击确定继续向下执行，点击取消就退出整个方法。

这时发现当代码执行到this.$confirm弹窗时，弹出弹窗后，继续执行了弹窗之后的代码，没有等到弹窗点击确定或是取消之后再执行。

具体解决

其实解决办法也很简单，因为this.$confirm也是一个promise方法，所以可以使用es6中的await等到返回结果。

await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。