SeouliteLab

내용을 스크롤하세요 가로로 스크롤하세요 세로로 스크롤하세요 Vue에서는 스크롤 이벤트에 .passive 수식어를 사용하여 핸들러를 등록할 수 있습니다. 이를 통해 스크롤 이벤트의 기본 동작을 제어할 수 있습니다.예제 1: 세로 스크롤이 발생하면 스크롤 이벤트의 기본 동작을 방지하고 onScroll 메서드가 실행됩니다.예제 2: 가로 스크롤이 발생하면 스크롤 이벤트의 기본 동작을 방지하고 onHorizontalScroll 메서드가 실행됩니다.예제 3: 세로 스크롤이 발생하면 스크롤 이벤트의 기본 동작을 방지하고 onVerticalScroll 메서드가 실행됩니다.Vue의 .passive 수식어를 사용하면 스크롤 이벤트의 기본 동작을 제어할..

클릭하세요 버튼을 클릭하세요 div를 클릭하세요 Vue에서는 이벤트 핸들러에 .once 수식어를 사용하여 클릭 이벤트가 단 한 번만 실행되도록 할 수 있습니다. 이를 통해 중복 클릭을 방지하고, 한 번의 클릭으로만 원하는 동작을 수행할 수 있습니다.예제 1: 링크를 클릭하면 doThis 메서드가 한 번만 실행됩니다. 이후에는 클릭 이벤트에 대한 처리가 더 이상 이루어지지 않습니다.예제 2: 버튼을 클릭하면 doThat 메서드가 한 번만 실행됩니다. 한 번의 클릭으로만 버튼에 대한 동작을 처리할 수 있습니다.예제 3: div를 클릭하면 doSomething 메서드가 한 번만 실행됩니다. 이를 통해 div를 클릭하는 동작이 단 한 번만 수행됩니다.Vue의 .once 수식어를 사용하..

내부 엘리먼트를 클릭하세요 내부 버튼 키보드 입력하세요 Vue에서는 이벤트 핸들러에 .capture 수식어를 사용하여 이벤트를 캡처 모드로 처리할 수 있습니다. 이를 통해 내부 엘리먼트에서 발생한 이벤트가 외부 엘리먼트에서 발생한 이벤트보다 먼저 처리됩니다.예제 1: 부모 엘리먼트에서 발생한 클릭 이벤트를 캡처 모드로 처리합니다. 이때 내부 엘리먼트인 버튼을 클릭하더라도 먼저 doThis 메서드가 실행됩니다.예제 2: 입력 필드에 포커스 이벤트를 캡처 모드로 처리합니다. 이를 통해 입력 필드에 포커스가 발생하면 먼저 handleFocus 메서드가 실행됩니다.예제 3: div 요소에 키보드 이벤트를 캡처 모드로 처리합니다. 이를 통해 키보드 입력이 발생하면 먼저..