vue2 确认框 MessageBox 弹框 删除确认取消

项目需要删除时弹出确认框 需求是项目完成80%时提出的 再添加弹出框的话 耗时耗力 所于是就有了封装好的弹窗函数挂载到Vue的原型上 在项目里面可以直接 this. 调用 显著提升摸鱼时间 话不多说 看代码

第一步 在 utils 创建一个名叫 MessageBox.js 的文件 把代发复制进去
↓↓↓ 代码 ↓↓↓

/**
 *
 **********************
 * @MessageBox { true } : 引入element的弹出框
 * @confirmButtonText { true } : 确认按钮显示文字 ( 可更改 )
 * @cancelButtonText { true } : 取消按钮显示文字 ( 可更改 )
 * @外比巴卜 { false } : 确认返回 true , 取消返回 false , 方便进项下一步操作
 **********************
 *
 */

import {
    MessageBox } from "element-ui";
export const box