mint UI MessageBox 使用

1、全局註冊

1.在main.js中引入

//引入

import { MessageBox } from 'mint-ui';

 

//全局使用，掛載到原型上

Vue.prototype.$messagebox = MessageBox   

 

2.在xxx.vue使用

//alert

this.$messagebox.alert("操做成功").then(action => {

 

});

 

//confirm

 

this.$messagebox.confirm("肯定執行此操做?").then(action => {

 

});

 

//prompt

 

this.$messagebox.prompt("請輸入你的姓名").then(({ value, action }) => {

 

});

 

2、局部使用

 

1.在xxx.vue文件的script標籤中引入

 

import { MessageBox } from 'mint-ui';

 

2.使用

 

//alert

 

MessageBox.alert("肯定執行此操做?").then(action => {

 

});

 

/ /confirm

 

MessageBox.confirm("肯定執行此操做?").then(action => {

 

});

 

//prompt

 

MessageBox.prompt("肯定執行此操做?").then(({ value, action }) => {

 

});

 

 附加：（toast | indicator | messagebox）三者使用方式同樣

Vue.$messagebox = Vue.prototype.$messagebox = MessageBox;

Vue.$toast = Vue.prototype.$toast = Toast;

Vue.$indicator = Vue.prototype.$indicator = Indicator;