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

질문또는답변

작성한 질문수

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

[리팩토링] state 속성 적용

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

작성

394

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

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

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

vuex vuejs es6 javascript

답변 5

알린이가젤좋아

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);
},

써니

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

cla9

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

송유빈

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

호랑이33

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

장기효(캡틴판교)

지식공유자

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

질문또는답변

작성한 질문수

전체 Q&A

질문하기