inflearn logo
강의

講義

知識共有

実習UI開発で学ぶ純粋なjavascriptとVueJS開発

最近の検索語 (実装)

질문이 있어요. stop

239

re1ee

投稿した質問数 8

1

<div v-if="history.length">

<ul class="list">

<li v-for="item in history" v-on:click="onClickKeyword(item.keyword)">

<span>{{item.keyword}}</span>

<span class="date">{{item.date}}</span>

<button class="btn-remove" v-on:click.stop="onClickRemoveHistory(item.keyword)"></button>

</li>

</ul>

</div>

    최근 검색어를 출력하는 부분인데요. click이벤트 stop을 왜 button에다 걸었는지 궁금하네요 위에 li 태그에 걸줄 알았는데, event bubbling을 li에서 멈춰줘야 하는거 아닌가 싶어서...propagation 동작을 제가 정확히 이해하지 못해서 그런거 같은데 자세한 설명 부탁드립니다!

vuejs javascript

回答 1

0

jeongjaeyn9141

event가 발생하는 타겟이 버튼이기 때문입니다.

버블링을 버튼에서 멈춰줘야 li에서의 이벤트가 일어나지 않으니까요.

 

이벤트 버블링에 대해서 구글 검색을 해보시면 그림과 함께 보다 보시면 이해가 되시리라 사려됩니다.

강사님, 브랜치명 어떻게 만드셨어요?

2

209

1

이미지 파일 업데이트가 안돼있는 거 같습니다

1

502

1

git사용법을 잘 모르겠습니다..

1

495

1

@event 질문입니다.

1

254

1

return 문자열이 여러줄은 어떻게 설정하나요?

1

645

2

탭뷰에서 이벤트를 받아서 메인컨트롤러에게 전달만해주는 방식도 괜찮나요?

1

257

1

ResultComponent.vue 에러?

1

251

1

선생님 안녕하세요!

0

247

1

return new Promise 와 return Promise.resolve

2

474

1

바닐라

1

320

1

실습 관련 질무

1

248

1

event.preventDefault() 문의

1

289

1

컴퍼넌트 질문이 있습니다.

0

209

1

return this에 대해서 (재업로드)

0

355

1

return this에 대해서 이해가 잘 되지 않아요

0

1175

1

강의 내용을 따라 했는데도 안되는 문제

1

309

2

크롬으로 로컬 띄었더니 에러가나네요

1

322

0

에러가 나네요

1

329

2

git checkout 중에 질문드립니다.

1

302

1

bindEvent 메소드를 왜추가하는지 궁금해서 질문드립니다.

2

576

1

안녕하세요 vue.js 처음 입문하는데 강사님 강의로 시작하게 되었습니다.

0

217

1

index 페이지에서 main.js 관련 질문입니다

1

201

1

학습내용 정리 관련 질문입니다!

0

177

1

lite-server로 구현해야하는 이유는 무엇인가요~?

1

519

2