mint UI MessageBox 使用
Posted wubaiwan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mint UI MessageBox 使用相关的知识,希望对你有一定的参考价值。
一、全局注册
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 }) => {
});
二、局部使用
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;
以上是关于mint UI MessageBox 使用的主要内容,如果未能解决你的问题,请参考以下文章
mint-ui之toast使用(messagebox,indicator同理)