this.$confirm("是否确定收货?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }
时间: 2023-06-19 16:34:44 浏览: 237
这段代码是使用了 Element UI 中的 Confirm 对话框组件,用于在前端页面上弹出一个确认对话框,询问用户是否确定收货。其中,confirmButtonText 和 cancelButtonText 分别表示确认按钮和取消按钮的文本内容,type 表示对话框的类型(warning)。当用户点击确认按钮时,会触发相应的事件处理函数,可以在该函数中执行收货操作。
相关问题
this.$confirm("确认删除这条数据脚本?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(() => { this.$http.template .deleteTemplate(row) .then((res) => { this.getList(); }) .catch((err) => { this.loading = false; }); }) .catch(() => { });代码优化
可以将代码进行如下优化:
1. 将确认删除的操作封装成一个函数,以提高代码的复用性和可维护性;
2. 将删除操作和获取列表的操作分离,以使代码更加清晰明了;
3. 在请求过程中添加 loading 状态,以提高用户体验。
优化后的代码如下:
```
// 封装确认删除的操作
function confirmDelete(row) {
this.$confirm("确认删除这条数据脚本?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
// 添加 loading 状态
this.loading = true;
this.$http.template.deleteTemplate(row)
.then(res => {
this.getList();
})
.catch(err => {
console.error(err);
})
.finally(() => {
// 取消 loading 状态
this.loading = false;
});
})
.catch(() => {});
}
// 调用 confirmDelete 函数
confirmDelete(row);
```
通过这样的优化,代码变得更加简洁和易于维护。
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); } }); }); }
这是一段 JavaScript 代码,可能是用于医院挂号系统的更新操作。其中定义了一个函数 yijiuzhen,它接受一个参数 id,表示要更新的挂号记录的 ID。在函数中,首先创建了一个对象 data,包含要更新的挂号记录的 ID 和挂号状态类型。然后调用了 this.$confirm 方法,弹出一个提示框,询问用户是否确定已经就诊了。如果用户点击确定,就会发送一个 POST 请求到 guahao/update 接口,更新对应的挂号记录。如果更新成功,就会显示一个操作成功的提示消息,并调用 this.search 方法重新加载挂号记录列表;如果更新失败,就会显示一个错误消息。
阅读全文