• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

once 와 stop을 같이 사용했을 때

22.11.13 21:13 작성 조회수 150

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