品牌列表-完成删除功能|学习笔记

开发者学堂课程【Vue.js 入门与实战：品牌列表-完成删除功能】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/586/detail/8161

品牌列表-完成删除功能

内容介绍

一、删除功能思路

二、范例

一、删除功能思路

删除比较容易，主要思路为：

为以下每一个删除的链接，都添加一个点击事件，但是由于是链接，所以在点击的时候会刷新页面，所以应该在点击事件的时候，通过事件修饰符，阻止这个默认行为。

href=””@click.prevent=”del”（item.id）>删除

二、范例

del(id) {//删除品牌

This.$http.get(‘http://vue.studyit.io/api/delproduct/’+id).then(result => {

If(result.body,status === 0) {

//删除成功

This.getAllList()

} else {

Alert(‘删除失败！’)