vue 2에서 클릭 핸들의 하위 항목 전파 사용 안 함

vue 2에서 클릭 핸들의 하위 항목 전파 사용 안 함

이 마크업 사용

<div @click='handleClickOnDiv'>
    {{ message }}
    <i class='fa fa-plus' @click='handleClickOnI'></i>
</div>

을 클릭하면div- 호출합니다.handleClickOnDiv를 클릭하면i- 양쪽 핸들러를 호출합니다.

어떻게 대처해야 할까요?

이벤트 수식자 시험@click다음 작업을 수행할 수 있습니다.

<div @click='handleClickOnDiv'>
    {{ message }}
    <i class='fa fa-plus' @click.stop='handleClickOnI'></i>
</div>

언급URL : https://stackoverflow.com/questions/42552661/disable-propagation-of-click-handle-to-child-in-vue-2