yijiuzhen(id){ let data = { id:id, guahaoStatusTypes:2 } this.$confirm(`确定已经就诊了吗?`, "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => { this.$http({ url: "guahao/update", method: "post", data: data }).then(({data}) => { if(data && data.code === 0){ this.$message({ message: "操作成功", type: "success", duration: 1500, onClose: () => { this.search(); } }); }else{ this.$message.error(data.msg); } }); }); }
时间: 2024-02-15 22:27:53 浏览: 18
这是一段 JavaScript 代码,可能是用于医院挂号系统的更新操作。其中定义了一个函数 yijiuzhen,它接受一个参数 id,表示要更新的挂号记录的 ID。在函数中,首先创建了一个对象 data,包含要更新的挂号记录的 ID 和挂号状态类型。然后调用了 this.$confirm 方法,弹出一个提示框,询问用户是否确定已经就诊了。如果用户点击确定,就会发送一个 POST 请求到 guahao/update 接口,更新对应的挂号记录。如果更新成功,就会显示一个操作成功的提示消息,并调用 this.search 方法重新加载挂号记录列表;如果更新失败,就会显示一个错误消息。
相关问题
如何销毁 this.$confirm
this.$confirm是Element UI库中的一个方法,用于显示一个确认对话框。销毁this.$confirm实际上是关闭这个对话框。
要销毁this.$confirm,可以使用以下方法之一:
1. 调用返回的Promise对象的cancel方法:this.$confirm方法返回一个Promise对象,可以通过调用该对象的cancel方法来关闭对话框。例如:
```
const confirmInstance = this.$confirm('确定要删除吗?');
confirmInstance.cancel();
```
2. 调用返回的Promise对象的finally方法:Promise对象的finally方法会在Promise对象状态改变后执行,无论是resolve还是reject。可以在finally方法中关闭对话框。例如:
```
const confirmInstance = this.$confirm('确定要删除吗?');
confirmInstance.finally(() => {
// 关闭对话框的逻辑
});
```
3. 使用Vue的$nextTick方法:Vue的$nextTick方法可以在DOM更新后执行回调函数。可以在回调函数中关闭对话框。例如:
```
const confirmInstance = this.$confirm('确定要删除吗?');
this.$nextTick(() => {
// 关闭对话框的逻辑
});
```
this.$confirm 确认按钮禁用
要禁用this.$confirm的确认按钮,你可以在options参数中设置confirmButton的disabled属性为true。具体代码如下:
```javascript
this.$confirm('进行企业实名认证后才可开通短信服务!', '提示', {
confirmButtonText: '前往认证',
type: 'warning',
center: true,
showCancelButton: false,
showClose: false,
closeOnClickModal: false,
confirmButton: {
disabled: true // 禁用确认按钮
}
})
```
这样设置后,确认按钮将会被禁用,用户将无法点击确认按钮。
#### 引用[.reference_title]
- *1* *2* [element中this.$confirm的用法,element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢?element-ui ...](https://blog.csdn.net/migexiaoliang/article/details/124265227)[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* [$confirm then()中无法使用await](https://blog.csdn.net/hlox521/article/details/106075491)[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 ]