<p>"댓글 생성 API" 를 듣고 있는데요.</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #dcdcaa;">resetForm</span>() {</div>
<div><span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">"resetForm()..."</span>);</div>
<div><span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">$refs</span>.<span style="color: #9cdcfe;">commentForm</span>.<span style="color: #dcdcaa;">reset</span>();</div>
<div>},</div>
</div>
<p>에서,</p>
<p>this.$refs.commentForm.reset()</p>
<p>의 코드 설명을 조금 더 상세하게 듣고 싶습니다.</p>
<p>부탁 드려요.</p>
<p>&nbsp;</p>

<p>안녕하세요. 독자님.</p>
<p>this.$refs.commentForm 의 의미는,</p>
<p>ref="~" 로 지정된 엘리먼트들 중에서 commentForm 으로 지정된 엘리먼트를 의미하므로,</p>
<p>&lt;form&gt;&lt;/form&gt; 엘리먼트를 가리키게 되고, 이 &lt;form&gt; 에 reset() 메소드를 호출해서,</p>
<p>내용을 클리어하고 있습니다.</p>
<p>설명이 되었는지요 ?</p>
<p>감사합니다.</p>
<p>&nbsp;</p>

Inflearn Community Q&A

코드 문의