ant-design-vue中this.$confirm 确认框使用

cancelService (obj) {
let self = this
this.$confirm({
title: '确认提示',
content: `是否确认取消服务？`,
okType: 'danger',
onOk () {
return new Promise((resolve, reject) => {
let data = {
"apply_id": self.dataArea.apply_id
}
api.cancelServer(data).then(res => {
if (res.status === 0) {
self.$message.success("服务取消成功! ")
self.auditForm.resetFields()
self.formModal = false
self.$emit("on-update")
} else {
self.$message.error("服务取消失败：" + res.data)
}
}).catch((e) => {
self.$message.error("服务取消失败")
}).finally(() => {
resolve()
})
})
}
})
}

确认框中用到的当前作用域this需要提前替换为局部变量，否则浏览器会提示无法获取该属性。最后的finally中需要调用Promise的参数方法resolve()，用于程序继续向下执行，否则会出现假死。

最后

以上就是鳗鱼月光为你收集整理的ant-design-vue中this.$confirm 确认框使用的全部内容，希望文章能够帮你解决ant-design-vue中this.$confirm 确认框使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。