品牌列表-完成删除功能
内容介绍
一、删除功能思路
二、范例
一、删除功能思路
删除比较容易，主要思路为：
为以下每一个删除的链接，都添加一个点击事件，但是由于是链接，所以在点击的时候会刷新页面，所以应该在点击事件的时候，通过事件修饰符，阻止这个默认行为。
<a href=””@click.prevent=”del”（item.id）>删除</a>
地址 |
|
作用描述 |
删除品牌数据 |
请求方式 |
Get |
传入api的参数 |
Id:传入品牌数据id 举例： |
|
vueapi.ittun.com/api/delproduct/8 |
返回数据格式 |
Json |
返回数据格式样例 |
{ status:0, message:”删除品牌数据完成” } |
二、范例：
del(id) { //删除品牌
This.$http.get(‘http://vue.studyit.io/api/delproduct/’+id).then(result => {
If(result.body,status === 0) {
//删除成功
This.getAllList()
} else {
Alert(‘删除失败！’)
