例:根据id删除数据
HTML代码
此处使用elment-ui,比较容易得到本条数据的id
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
下面是js代码
handleDelete(index, row) {
let formData=new FormData()//创建一个FormData对象
formData.append('id',row.id);//将id添加到对象里去 id:是后台接受的名称;row.id是我们获取到本条数据的id
// console.log(formData.get('id'));
//请求数据类型
let config={
headers:{
'Content-Type':'multipart/form-data'
}
};
//使用axios调用
axios.post('http://localhost:8082/bsAccount/deleteAccountByID',formData,config)
.then(res=>{
//成功后执行
console.log(res)
}).catch(result=>{
//失败后执行
console.log(result);
})
},