Vant Dialog.confirm函数形式确认框点击遮罩层关闭弹窗

最新推荐文章于 2024-06-18 18:15:32 发布

撑起自己半边天

最新推荐文章于 2024-06-18 18:15:32 发布

阅读量2k

点赞数 1

分类专栏： vant 文章标签：前端

本文链接：https://blog.csdn.net/weixin_43840289/article/details/132716137

版权

vant 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何使用VantDialog库中的confirm函数创建弹窗，并详细说明了如何通过设置closeOnClickOverlay属性使其在点击遮罩层时自动关闭。同时，展示了点击取消按钮的处理逻辑。

摘要由CSDN通过智能技术生成

Vant Dialog.confirm函数形式确认框点击遮罩层关闭弹窗

Dialog.confirm({
  title: '标题',
  message: '弹窗内容',
  //是否在点击遮罩层后关闭弹窗
  closeOnClickOverlay: true
})
  .then(() => {
    // on confirm
  })
  .catch((e) => {
  	//如果取消按钮没有逻辑就不用管，如果有就按照下面判断走
  	if(e == 'overlay'){
  		return
  	}
  	//其他取消逻辑...
  });