Mint-ui 中的MessageBox confirm详细使用

官方中文文档url: http://mint-ui.github.io/docs/#/zh-cn2/message-box
Mint-ui官网文档并没有对该组件进行详细的demo演示,比如像修改一些btn文字就没有说明,自己有遇到,并参考其他网友的(https://blog.csdn.net/guoyiq/article/details/80222063)的博文,自己写个日记
首先肯定要安装Mint-ui官方依赖(npm 安装),官网文档有写的

npm i mint-ui -S

然后引入
 

import { MessageBox } from 'mint-ui';

最后附上demo

MessageBox.confirm('',{
	title:'提示',
	message:'我帅吗',
	confirmButtonText:'确认',
	cancelButtonText:'取消'
}).then(action => {
	console.log(23);
	if (action == 'confirm') {
		console.log('点击确认'); 
	}
}).catch(error =>{
	if(error == 'cancel'){
		console.log('点击取消');
	}
});

 

你可能感兴趣的:(demo,vue,Mint-ui)