element-ui 常用控件设置点击空白处不关闭

最新推荐文章于 2024-07-30 17:58:40 发布

letisgo5

最新推荐文章于 2024-07-30 17:58:40 发布

阅读量2.9k

点赞数 2

分类专栏：学习VUE生涯文章标签： elementui 前端 vue

本文链接：https://blog.csdn.net/qq_16771097/article/details/115955906

版权

学习VUE生涯专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文分享了在Vue.js中如何设置dialog弹窗和confirm提示框，使其在点击空白区域时不自动关闭。通过设置`close-on-click-modal=false`属性，可以实现这一功能，确保用户在进行重要操作时不会因误触导致弹窗关闭。

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

dialog弹窗设置点击空白处不关闭

亲测有效 :close-on-click-modal=“false”
在这里插入图片描述

confirm提示框设置点击空白处不关闭

亲测有效 closeOnClickModal: false

  this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
	confirmButtonText: '确定',
	cancelButtonText: '取消',
	type: 'warning',
	closeOnClickModal: false
  }).then(() => {
	this.$message({type: 'success', message: '删除成功!' });
  }).catch(() => {
	this.$message({type: 'info', message: '已取消删除' });          
  });