반응형
vuejs
-
Doit Vue.js입문 todolist 수정기능 추가하기VueJs공부 2022. 2. 12. 20:57
교재를 보면서 todoList를 만들어 보았다. 그런데, 교재에서는 수정기능을 따로 기재하지 않고, 각자 알아서 고민해보고 만들어 볼 기회를 주었다.. 하여, 직접 수정기능을 추가해보았다. 개선한 버전을 추가하였습니다. https://mhui123.tistory.com/65 app.vue LocalStorage와 javaScript의 array는 수정기능을 따로 제공하지 않으므로 직접 조작해주었다. 수정이 발생하는 부분이 List 마지막 부분인 경우는 그냥 그 부분만 제거하고 넣어주면 되지만, 그외 부분은 수정한 데이터를 그 자리에 넣어주어야 해서 index를 기준으로 작업을 구분해주었다. TodoList.vue chechkedItem(index)는 목록에서 체크부분을 클릭했을 때, app.vue의 sh..