인프런 커뮤니티 질문&답변

질문또는답변님의 프로필 이미지

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

[리팩토링] state 속성 적용

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다

20.06.23 14:40 작성

·

388

1

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다

F5 리플래쉬하면 데이터는 화면에 반영됩니다만

화면에서 액션일으킬때 실시간으로 반영이 안됩니다....

답변 5

1

알린이가젤좋아님의 프로필 이미지

2022. 06. 20. 14:58

TodoList.vue 에서 store에서 가져온 값으로 변경을 해주었기때문에 app.vue 안에 메소드 부분도 변경을 시켜줘야 합니다!

addTodoItem(todoItems) {
var obj = {completed: false, item: todoItems};
localStorage.setItem(todoItems, JSON.stringify(obj));
this.$store.state.todoList.push(obj);
},
써니님의 프로필 이미지

2023. 10. 17. 11:41

요거 하고 나니깐 되네요. 감사합니다!!

0

cla9님의 프로필 이미지

2020. 07. 18. 10:04

안녕하세요. 저도 지금 동일한 문제로 안되고 있습니다.

0

송유빈님의 프로필 이미지

2020. 07. 17. 13:07

저도 지금 똑같은 문제로 안되고있어요ㅠㅠ

0

호랑이33님의 프로필 이미지

2020. 07. 01. 15:01

저도 같은 부분으로 안되네요.. 밑에 댓글봐도 안되는분들이 꽤있으신대..  혹시 다들 안되는채로 그냥 넘어가고 있는게아닐까요?

0

장기효(캡틴판교)님의 프로필 이미지

2020. 06. 28. 16:09

안녕하세요 질문또는답변님, 첨부해주신 내용을 보니 state의 todoItems에 값이 잘 안담기는 것 같은데 새로 고침 했을 때 해당 state에 로컬 스토리지의 값을 잘 담아주는지 다시 확인해보시겠어요? :)