<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에 이미 같은 값이 있는지 체크 <= 여기 조건 추가&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;">=></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>

k22

Posts