.preventDefault() 메소드를 사용하여 버튼 클릭 이벤트를 방지하는 방법

Question

<p>이 튜토리얼<a href="https://vuejs.org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers">https:// vuejs를 참조하세요. org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers</a></p> <p>아래 표시된 코드에서는 <code>click</code> 이벤트를 취소하는 일반적인 동작을 예상하기 위해 <code>.preventDefault</code>를 호출합니다. 즉, <code>.preventDefault</code>가 호출되면 <code>.preventDefault</code>가 버튼의 일반 기능을 비활성화하므로 더 이상 버튼을 클릭할 수 없을 것으로 예상됩니다. . </p> <p>그러나 <code>.preventDefault</code> 효과가 없는 것처럼 버튼을 계속 클릭할 수 있습니다. </p> <p><code>.preventDefault</code>를 올바르게 사용하여 버튼 클릭을 비활성화하는 방법을 알려주세요. </p> <p><strong>코드</strong>: </p> <pre class="brush:php;toolbar:false;"><템플릿> <div> <button v-on:click="warn('msg',$event)">경고</button> </div> </템플릿> <스크립트> 'vue'에서 {ref} 가져오기 기본값 내보내기 { 이름: '앱', 구성요소: { 헬로월드 } } </스크립트> <스크립트 설정> const 경고 = (msg,DOMEvent) => console.log("경고:",msg," 이벤트:",DOMEvent); DOMEvent.preventDefault() }

Answer 1

preventDefault는 다음 상황에서 유용합니다.

• "제출" 버튼을 클릭하면 양식 제출 방지
• 링크를 클릭할 때 해당 URL로 이동하는 것을 방지하세요

케이스에서 버튼을 비활성화하려면 다음을 사용할 수 있습니다.

으아악

Answer 2

preventDefault()不会禁用按钮，但会阻止其默认操作，主要在Submit작동 중에 알 수 있습니다.
클릭 시 버튼을 비활성화하려면 다음과 같이 해야 합니다:

으아악