django前后联调删除数据

想要实现删除的操作--首先要在django中写好删除的接口

写接口的话首先配置对应的视图--views

首先导入对应使用的方法--图片如下

 然后配置对应的类视图--图片如下

 下面就该给视图配置路由了

 接下来写前端vue 

首先把删除的样式写出来----删除按钮

然后给按钮绑定事件---这里想要实现删除 那么需要给按钮绑定点击事件---@click=方法名

接下来向对应的接口发起请求

想要使用Axios请求方式首先要下载

Axios请求方式需要下载下载的命令为

npm install axios --save

然后进行导包

import Axios from 'axios'

这样才可以使用我们的Axios请求方式

vue中具体代码如下

 这里的请求地址'http://127.0.0.1:8000/book/'代表本地地址   book代表刚才定义的路由 bcar是获取数据的路由

删除成功之后重新获取一遍数据即可