this.$confirm 确认按钮添加时间限制

在使用this.$confirm方法时，要给确认按钮添加时间限制，可以使用beforeClose属性来实现。beforeClose是一个函数，它会在确认按钮被点击之前执行。你可以在这个函数中添加逻辑来判断是否满足时间限制的条件。如果不满足条件，可以通过返回false来阻止确认按钮的点击事件。下面是一个示例代码：

this.$confirm('确认删除？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning',
  beforeClose: (action, instance, done) => {
    // 在这里添加时间限制的逻辑判断
    if (满足时间限制的条件) {
      done(); // 执行done函数，允许确认按钮的点击事件
    } else {
      done(false); // 阻止确认按钮的点击事件
    }
  }
}).then(() => {
  // 确认按钮点击后的逻辑
  // TO DO SOMETHING ...
}).catch(() => {
  // 取消按钮点击后的逻辑
  // TO DO SOMETHING ...
});

在beforeClose函数中，action参数表示按钮的行为，instance参数表示弹框实例，done参数是一个函数，用于控制弹框的关闭。如果调用done函数时传入false，表示阻止确认按钮的点击事件；如果不传入参数或传入true，表示允许确认按钮的点击事件。你可以根据需要在beforeClose函数中添加逻辑来判断是否满足时间限制的条件，并通过调用done函数来控制确认按钮的点击事件。
#### 引用[.reference_title]
- *1* [Vue的各种杂乱知识点整理（持续更新中...）](https://blog.csdn.net/zluz_/article/details/105519102)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [ElementUI MessageBox自定义弹窗大小出现不生效的问题以及scoped属性样式穿透](https://blog.csdn.net/m0_49662897/article/details/123733448)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue中更改confirm的确定与取消按钮的位置并居中显示](https://blog.csdn.net/gmq1999/article/details/119277547)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]