인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

cjaewoo님의 프로필 이미지
cjaewoo

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

이벤트 처리

once 와 stop을 같이 사용했을 때

작성

·

219

0

안녕하세요 테스트를 해보던중 이상한점이 있어서 질문 올립니다

현재 코드가 위처럼 되어있을 때 테스트를 해보면 처음에 click메소드가 수행되고 .stop으로 인해 bubbling이 수행되지 않는것을 확인했는데 그 다음 클릭시 once로 인해 click은 수행되지 않지만 bubbling이 수행되는 것을 확인했습니다. 제가 이해한대로라면 bubbling도 수행되지 않아야하는 것 같은데 bubbling 수행되는 이유가 궁금합니다

답변 1

1

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

image.stop 내부적으로 stopPropagation()을 호출하며,

.once 는 핸들러를 한 번만 트리거 합니다.

그러므로 .once에 의해 핸들러가 실행되지 않으면 stopPropagation() 또한 호출되지 않기 때문에 버블링이 진행됩니다.

https://vuejs.org/api/built-in-directives.html#v-on

cjaewoo님의 프로필 이미지
cjaewoo

작성한 질문수

질문하기