1.0.1 • Published 5 years ago

vmessagebox v1.0.1

Weekly downloads
1
License
ISC
Repository
github
Last release
5 years ago

VMessageBox

在使用ElementUI中的MessageBox时,在点击确定后,有些情况下需要等待执行完成后再关闭消息框

此组件针对以下两点功能做了封装,不需要这两个功能的无需用此组件

1、消息框只在处理完自定义事件后才关闭

2、默认给确认按钮加上loading状态

Install

此组件基于ElementUI,请先安装ElementUI

npm install element-ui -S
npm install vmessagebox -S

Quick Start

import 'element-ui/lib/theme-chalk/index.css';
import VMessageBox from 'vmessagebox';

VMessageBox.msgBox('此操作将永久删除该文件, 是否继续?', 'warning', {distinguishCancelAndClose:true},() => alert('已确认'),undefined,() => alert('已关闭') ).catch(() => {});

示例中已用distinguishCancelAndClose来区分取消与关闭事件.catch(() => {})必须要有,否则取消或关闭时控制台会报错,这是ElementUI的问题

方法及参数

msgBox (message, type, options, confirmCallback, cancelCallback, closeCallback)
参数作用
message同Element
type同Element
options同Element
confirmCallback确认按钮回调事件
cancelCallback取消按钮回调事件
closeCallback关闭按钮回调事件
1.0.1

5 years ago

1.0.0

5 years ago