<p>혹시, FormView.onClickReset 함수에서 this.inputEl.value 의 값을 초기화 하는 코드가 없는 이유가<br />x 버튼의 경우, e.preventDefault()를 추가 안해줘서, 기본 이벤트가 발생하여 자동으로 초기화 되기 때문인가요?<br /><br />저 같은 경우, 아래 코드처럼 FormView.onClickReset 함수에서 this.inputEl.value 의 값을 초기화 하는 코드를 추가해줬는데, 불필요한 코드였는지 궁금해서 여쭤봅니다!ㅎ</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #4fc1ff;">FormView</span>.<span style="color: #dcdcaa;">onClickReset</span> = <span style="color: #569cd6;">function</span> () {</div>
<div><span style="color: #569cd6;">this</span>.<span style="color: #dcdcaa;">showResetBtn</span>(<span style="color: #569cd6;">false</span>);</div>
<br />
<div><span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">inputEl</span>.<span style="color: #9cdcfe;">value</span> = <span style="color: #ce9178;">''</span>;</div>
<br />
<div><span style="color: #569cd6;">this</span>.<span style="color: #dcdcaa;">emit</span>(<span style="color: #ce9178;">'@reset'</span>);</div>
<div>}</div>
<div></div>
</div>

<p>리셋 버튼이 type="reset"으로 되어 있어서 자동으로 값을 초기화합니다.</p>
<p>뷰나 리액트처럼 폼 내장 상태를 관리할때는 말씀하신대로 초기화 해주는데요. 지금은 바닐라js로 구현한 부분이라서 브라우저가 관리하는 상태를 사용해서 신경쓰지 않으셔도 되요.</p>

<p>아~ 그런 차이가 있었군요!! 덕분에 몰랐던 사실을 알게되었네용!! 감사합니다:-)</p>

Inflearn コミュニティ Q&A

FormView.onClickReset 함수 관련해서 질문있습니다!