Element Plus 全局 Confirm 弹窗取消和意外关闭处理

因为工作需要,有个需求,需要处理项目里所有用到这个弹窗的取消时的处理,本来是打算一个一个处理,但是工作太繁琐,领导也不给时间,没办法,逼迫自己学会了覆盖 Element plus Comfirm 源码的操作,代码见下:

创建一个包,我认为是个补丁,所以就名字就叫 packages 

// confirmPlugin.js
import { ElMessageBox } from "element-plus";

const mixinConfirm = {
  methods: {
    $confirm(message, title = "提示", options = {}) {
      console.log(message, title, options);
      return new Promise((resolve, reject) => {
        // 调用 Element Plus 的 ElMessageBox.confirm 方法
        ElMessageBox.confirm(message, title, {
          ...options,
          callback: (action) => {
            // 这里获取全局对象
            if (action === "confirm") {
              // 用户点击确定按钮
              // 这里处理点击确定的时候的逻辑
              // ...
              resolve();
            } else {
              // 用户点击取消按钮或关闭对话框
              // 这里处理点击取消的时候的逻辑
         

你可能感兴趣的:(Element,Vue,前端,javascript,开发语言)