Vue ElementUI this.$confirm async await封装
原方法/** 方法调用 */handleDelete() {this.$confirm('此操作将永久删除该数据, 是否继续?','提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(this.$message.info('已删除') // 并执行删除相关操作).ca
·
原方法
/** 方法调用 */
handleDelete() {
this.$confirm(
'此操作将永久删除该数据, 是否继续?',
'提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).then(
this.$message.info('已删除') // 并执行删除相关操作
)
.catch(err => console.log(err))
}
使用ES6的async/await优化后
/** 方法调用 */
async handleDelete() {
const confirmRes = await this.$confirm(
'此操作将永久删除该数据, 是否继续?',
'提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).catch(err => console.log(err))
// 判断confirmRes的值
if (confirmRes !== 'confirm') {
return this.$message.info('已经取消删除')
}
this.subDelete(id)
}
更多推荐
已为社区贡献25条内容
所有评论(0)