1. 사진과 같은 부분에 deleteTask 매개변수받는 메서드를 만들어준다
2. 버튼클릭이벤트에 해당메서드를 삽입한다.
<button @click="deleteTask(index)" class="btn btn-danger">Delete</button>
3. delete 메서드 삭제 로직
deleteTask(index){
let confirmBox = confirm("정말로 삭제 하시겠습니까?");
if(confirmBox == true){
axios.delete(this.uri + this.tasks[index].id)
.then(response=>{
this.$delete(this.tasks, index);
}).catch(error=>{
console.log("Could not delete for some reason");
})
}
},
4. 확인
'라라벨 > laravel vue crud' 카테고리의 다른 글
12. 로더피처 적용하기 (0) | 2020.02.28 |
---|---|
11. 글작성 후 데이터가 남는 문제 해결 (0) | 2020.02.28 |
9. update (0) | 2020.02.28 |
8. 유효성 검사 (0) | 2020.02.27 |
7. Database Modal Create (0) | 2020.02.27 |