如何让Vue中使用this.$confirm不阻塞代码继续执行？

本文共计738个文字，预计阅读时间需要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等到返回结果。