Inflearn Community Q&A
asked
같은 이름의 아이템 추가시 문제
Written on
·
267
6
아이템을 추가할 때에 localStorage에 있는 값은 setItem할 때 update되고 this.todoItems에 push를 해서 같은 값을 추가하는 경우 todoItems만 계속 증가하고 localStorage는 그대로 남아있습니다.
이건 어떻게 처리하는 것이 좋을까요?
vuejses6javascriptvuex
Answer 2
4
김혁진님 저도 공부중에 todoItmes 중복 입력 부분이 걸려서 찾아본 결과 공유 합니다.
App.vue 안의 Method의 addOneItem 일부 수정 했습니다.
addOneItem: function(todoItem) {
var obj = {completed: false, item: todoItem};
localStorage.setItem(todoItem, JSON.stringify(obj));
// todoItems에 이미 같은 값이 있는지 체크 <= 여기 조건 추가
if(!this.todoItems.some(data => data.item == todoItem)) {
this.todoItems.push(obj)
}
}
이렇게 하면 list에도 중복을 피할 수 있습니다.
0