IT

router-link에서 부모 v-on을 소비하는 방법: complete clicked

itgroup 2022. 11. 18. 21:33
반응형

router-link에서 부모 v-on을 소비하는 방법: complete clicked

<parent v-on:click="isActive = !isActive">
   <router-link :to="{ name: 'home'}">{{tag}}</router-link>
</parent>

이 경우,router-link를 클릭합니다.v-on:click이벤트를 캡처합니다.

제조 방법router-link클릭 이벤트를 완전히 소비할 수 있습니까?

네, 해결 방법을 찾았습니다.부터router-link렌더링하다a그 다음에v-on:click.stop렌더링된 것으로 전파되지 않음a근데 이걸 랩으로 싸서div멈추는 걸 포함하면 효과가 있을 거야

<parent v-on:click="isActive = !isActive">
  <div v-on:click.stop>
   <router-link :to="{ name: 'home'}">{{tag}}</router-link>
  </div>
</parent>

언급URL : https://stackoverflow.com/questions/48845142/how-to-make-router-link-consume-parent-v-onclick-completely

반응형