this.$modal.confirm设置成同步

将this.$modal.confirm设置成同步会阻塞主线程，影响用户体验，不建议这样做。建议使用Promise或async/await方式来处理确认框的回调。例如：

async showConfirm() {
  try {
    await this.$confirm('确定要删除吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    });
    // 用户点击确定后执行的代码
    console.log('用户点击了确定');
  } catch {
    // 用户点击取消后执行的代码
    console.log('用户点击了取消');
  }
}

相关问题

this.$modal.confirm怎么设置样式

你可以通过在样式表中定义相应的 CSS 类来设置 this.$modal.confirm 的样式。然后在调用 this.$modal.confirm 时，将该 CSS 类作为参数传递给它。例如：

在样式表中定义一个名为 my-modal 的 CSS 类：

.my-modal {
background-color: #fff;
border-radius: 5px;
box-shadow: 2px 4px rgba(, , , .2);
}

然后在调用 this.$modal.confirm 时，将该 CSS 类作为参数传递给它：

this.$modal.confirm({
title: '确认删除',
message: '您确定要删除这条记录吗？',
customClass: 'my-modal',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(() => {
// 用户点击了确定按钮
}).catch(() => {
// 用户点击了取消按钮
});

this.$Modal.confirm

this.$Modal.confirm是一个前端框架（可能是Vue或者ElementUI等）中的一个方法，用于在用户进行某个操作时弹出一个确认框，以便用户确认是否要执行该操作。根据引用和引用的代码片段来看，this.$Modal.confirm方法接受一个参数作为提示信息，并返回一个Promise对象。当用户点击确认按钮时，Promise对象会被resolve，可以执行相应的操作；当用户点击取消按钮时，Promise对象会被reject，可以执行相应的操作。这个方法通常用于需要用户确认的操作，例如删除操作、重要的设置操作等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [this.$modal.confirm的使用方法](https://blog.csdn.net/m0_72167535/article/details/128051409)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [antd-vue 弹窗（modal）this.$confirm，不点击确定或取消按钮，关闭弹窗](https://blog.csdn.net/YQxyqX555/article/details/119330439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]