0.1.5 • Published 6 years ago
vue-alert2 v0.1.5
vue-alert
Install
npm install vue-alert2 -S
yarn add vue-alert2
QuickStart
require('vue-alert2/dist/vue-alert.css');
// in ES6 modules
import {Alert,Confirm,Prompt} from 'vue-alert2';
// in CommonJS
const {Alert,Confirm,Prompt} = require('vue-alert2');
// in Global variable
const {Alert,Confirm,Prompt} = VueAlert;
Vue.use(Alert);
Vue.use(Confirm);
Vue.use(Prompt);
this.$alert({
show:true,
title:'提示',
content:'alert弹框',
okText:'确定',
onOk:function(){
alert('ok');
}
});
Vue.confirm({
show:true,
title:'确认',
content:'确定要发大财吗?',
okText:'确定',
onOk:function(){
alert('ok');
},
cancelText:'取消',
onCancel:function(){
alert('cancel');
}
});
Params
Alert
props
show
: whether to show alert,type is Booleantitle
: alert title,type is Stringcontent
: alert content text,type is StringokText
: ok button's text, type is StringonOk
: ok button click handler,type is Funcion
events
onOpen
: event on alert show,type is FunctiononClose
: event after alert close,type is Function
Confirm
props
show
: whether to show confirm,type is Booleantitle
: confirm's title,type is Stringcontent
: confirm's content text,type is StringokText
: ok button's text,type is StringonOk
: ok button's click handler,type is FunctioncancelText
: cancel button's text,type is StringonCancel
: cancel button's click handler,type is Function
events
onOpen
: event on confirm show,type is FunctiononClose
: event after confirm close,type is Function
Prompt
props
show
: whether to show prompt,type is Booleantitle
: prompt's title,type is Stringcontent
: prompt's content text,type is Stringinput
: the input's value in promptokText
: ok button's text,type is StringonOk
: ok button's click handler,type is FunctioncancelText
: cancel button's text,type is StringonCancel
: cancel button's click handler,type is Function
events
onOpen
: event on confirm show,type is FunctiononClose
: event after confirm close,type is Function
Preview