<p>아이템을 추가할 때에 localStorage에 있는 값은 setItem할 때 update되고 this.todoItems에 push를 해서 같은 값을 추가하는 경우 todoItems만 계속 증가하고 localStorage는 그대로 남아있습니다.</p><p>이건 어떻게 처리하는 것이 좋을까요?</p>

<p>김혁진님 저도 공부중에 todoItmes 중복 입력 부분이 걸려서 찾아본 결과 공유 합니다.<br /><br /></p>
<p>App.vue 안의 Method의 addOneItem 일부 수정 했습니다.</p>
<p></p>
<div style="background-color: #ffffff; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>addOneItem:&nbsp;<span style="color: #0000ff;">function</span>(todoItem)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0000ff;">var</span>&nbsp;obj&nbsp;=&nbsp;{completed:&nbsp;<span style="color: #0000ff;">false</span>,&nbsp;item:&nbsp;todoItem};</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;localStorage.setItem(todoItem,&nbsp;JSON.stringify(obj));</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #008000;">// todoItems에 이미 같은 값이 있는지 체크 &lt;= 여기 조건 추가&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0000ff;">if</span>(!<span style="color: #0000ff;">this</span>.todoItems.some(data&nbsp;<span style="color: #0000ff;">=&gt;</span>&nbsp;data.item&nbsp;==&nbsp;todoItem))&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0000ff;">this</span>.todoItems.push(obj)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;}</div>
<div></div>
<div>이렇게 하면 list에도 중복을 피할 수 있습니다.</div>
</div>

<p>중복이더라도 todoItems와 localStoage 둘다 추가되는 방법도 있겠죠??&nbsp;</p>

Cộng đồng Hỏi & Đáp của Inflearn

같은 이름의 아이템 추가시 문제