vue把json里的字段删除_vue 与 json-server 删除数据 (三)

这篇博客主要介绍在Vue应用中如何结合JSON-Server进行数据删除操作。通过调用`$http.delete`方法,确认提示框后发送DELETE请求到指定API,成功删除后刷新列表或重新获取数据。
摘要由CSDN通过智能技术生成

具体代码在上两篇中,这篇主要是vue与json-server配合使用的 删除js

删除列表页最后一条数据

ac104c971dc8699936e587b7f54ff03b.png

bb6be675aa62528dbe3524cefea4bea9.png

d337b621bf94e7653536e9ca3c9be291.png

handleDelete(row, index) {

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {

confirmButtonText: '确定',

cancelButtonText: '取消',

type: 'warning'

}).then(() = > {

删除数据

let thisText = index;

//console.log(index)

this.$http.delete('api/imgListData/' + thisText.id).then((res) = > {

console.log(res, '删除成功')

//刷新列表 this.$router.go(0) 或者重新调用数据

this.test()

}, function (err) {

console.log(err, '删除失败')

})

删除数据END

this.$message({

type: 'success',

message: '删除成功!'

});

}).

catch (() = > {

this.$message({

type: 'info',

message: '已取消删除'

});

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值