vue mint-ui 弹出框

最新推荐文章于 2020-10-14 14:12:07 发布

msy_msy

最新推荐文章于 2020-10-14 14:12:07 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/msy_msy/article/details/94020358

vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在前端开发中如何使用Vue实现各种提示效果和加载动画，包括普通提示、成功提示、加载中指示以及对话框确认等，为用户提供良好的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function toast(title){  //提示
	vm.$toast({
	  message: title,
	  position: 'middle',
	  duration: 3000
	});
}
function toastSuccess(title){ //成功提示
	vm.$toast({
	  message: title,
	  iconClass: 'icon icon-success'
	});
}	
function loading(){ //加载中
	vm.$indicator.open({
		text: '加载中...',
  		spinnerType: 'fading-circle'
  	});
}
function loading(msg){ //加载中
	vm.$indicator.open({
		text: msg,
  		spinnerType: 'fading-circle'
  	});
}
function closeLoad(){ //关闭加载动画
	vm.$indicator.close();
}
function alert(title){
	vm.$messagebox('提示', title);
}
function confirm(title){
	vm.$messagebox({
	  title: '提示',
	  message: title,
	  showCancelButton: true
	});
}
function confirm(title,succCallback){
	vm.$messagebox({
	  title: '提示',
	  message: title,
	  showCancelButton: true
	}).then(action => { 
	 if (action == 'confirm') {     //确认的回调
	 	succCallback();
	 }
 	});
}