一般删除前需要做弹窗做删除确认,那么弹窗确认怎么做呢?
删除的确认框设置
第一种(用try):
try {
await this.$confirm('确定要删除该数据吗', {
confirmButtonText: '确认', // 确认按钮文字更换
cancelButtonText: '取消', // 取消按钮文字更换
showClose: true, // 是否显示右上角关闭按钮,true就是显示
type: 'warning' // 提示类型 success/info/warning/error
})
//删除的操作
//列表刷新操作
//提示删除成功
} catch (error) {
console.log(error)
}
点击确认就删除成功
点击取消,控制台打印'cancel'
第二种代码(不用try):
this.$confirm('确定要删除该数据吗 ?', '提示', {
confirmButtonText: '确认',// 确认按钮文字更换
cancelButtonText: '取消',// 取消按钮文字更换
type: 'warning'// 提示类型 success/info/warning/error
})
.then(() => {
//删除操作
//刷新列表
//提示删除成功
})
.catch(() => {})//放置一个空的回调是为了点击取消没有别的响应
点击确认删除成功
点击取消,因为放置了空的回调函数,那就什么都不发生