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

+ Recent posts