<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
강의에서는&nbsp;
아래와 같이 사용하는데요.&nbsp;
이렇게 하면 작동이 안됩니다.
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">&lt;i class="closeModalBtn fas fa-times" @click="showModal=false" &gt;&lt;/i&gt;</div>
span 태그로 감싸야 작동을 하는데 저는 왜 안될까요?
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&lt;span @click="showModal=false"&gt;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;i class="closeModalBtn fas fa-times" &gt;&lt;/i&gt;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/span&gt;</div>
</div>
</div>

안녕하세요 다츠님, 스타일 상의 문제인 것 같은데 요건 CSS가 어떻게 설정되어 있는지 제가 보기 어려워서 답변이 어려울 것 같아요 :)

인프런 커뮤니티 질문&답변

vue js 에서 i태그 onclick 이벤트가 동작하지 않습니다.