once 와 stop을 같이 사용했을 때
254
작성한 질문수 2
안녕하세요 테스트를 해보던중 이상한점이 있어서 질문 올립니다
현재 코드가 위처럼 되어있을 때 테스트를 해보면 처음에 click메소드가 수행되고 .stop으로 인해 bubbling이 수행되지 않는것을 확인했는데 그 다음 클릭시 once로 인해 click은 수행되지 않지만 bubbling이 수행되는 것을 확인했습니다. 제가 이해한대로라면 bubbling도 수행되지 않아야하는 것 같은데 bubbling 수행되는 이유가 궁금합니다
답변 1
1
안녕하세요 :)
.stop 내부적으로 stopPropagation()을 호출하며,
.once 는 핸들러를 한 번만 트리거 합니다.
그러므로 .once에 의해 핸들러가 실행되지 않으면 stopPropagation() 또한 호출되지 않기 때문에 버블링이 진행됩니다.
props로 함수를 전달했을 때의 질문입니다!
0
641
1
eslint 세팅 질문 드립니다.
0
1720
2
컴포넌트 이벤트 전파 관련 질문입니다
0
503
1
app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.
1
531
1
this.$refs에 값이 들어가는 시점이 언제인가요?
0
837
1
npm run dev 설치중
0
626
2
reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?
1
1952
1
dummy api axios 호출시 cors 에러
0
540
1
19:17 emit 관련 질문
0
570
1
reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요
0
573
1
자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?
0
582
1
template내 자바스크립트 표현식 평가 시점은 언제인가요?
0
352
1
App.vue 물결 표시 제거 방법
0
378
1
v-if 질문입니다!
0
566
1
ref vs reactive vs shallowRef
0
654
1
script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다
1
671
1
이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요
0
349
1
Vue3 Composition API - computed
0
461
1
setup 함수내 문자열 관련 질문입니다.
0
350
2
v-on:click ="" 질문입니다
0
352
1
v-on:click="" 질문입니다
0
240
1
v-for에서 style을 사용하려 할 때
0
378
1
reactive와 computed 차이 질문
0
1113
1
emits사용 이유
1
454
1