【Element

在使用this.$confirm过程中经常会遇到将取消按钮修改成其他的按钮去执行，如果直接使用catch会出现右上角以及遮罩层关闭也会执行，所以需要做个区分 如遇到两个按钮可以用取消按钮作为第二个按钮如果是出现多个按钮就不支持了

vue使用 this.$confirm时区分取消与右上角关闭和弹窗关闭

html代码

js代码

全部代码

vue给this.$confirm设置多个按钮

Vue中使用时，虽然默认只提供了确认和取消两个按钮，但您可以通过自定义上的confirm方法或者直接使用第三方UI库（如Element UI、Vuetify等）提供的API来自定义对话框，以包含更多的操作按钮。以下是一个基于Element UI的示例，展示如何在this.$confirm中设置多个操作按钮：

使用Element UI自定义确认对话框 Element UI并没有直接提供在this.$confirm中设置多个按钮的选项，但您可以使用el-dialog组件来自定义一个具有多个操作按钮的对话框。下面是一个基本示例：

HTML代码

js代码

全部代码