inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hành

Tìm kiếm gần đây (triển khai)

질문이 있어요. stop

239

re1ee

8 câu hỏi đã được viết

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

Câu trả lời 1

0

jeongjaeyn9141

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

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

 

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

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

2

212

1

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

1

507

1

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

1

498

1

@event 질문입니다.

1

256

1

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

1

650

2

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

1

260

1

ResultComponent.vue 에러?

1

254

1

선생님 안녕하세요!

0

248

1

return new Promise 와 return Promise.resolve

2

475

1

바닐라

1

322

1

실습 관련 질무

1

249

1

event.preventDefault() 문의

1

292

1

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

0

214

1

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

0

356

1

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

0

1180

1

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

1

310

2

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

1

324

0

에러가 나네요

1

331

2

git checkout 중에 질문드립니다.

1

304

1

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

2

578

1

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

0

220

1

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

1

205

1

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

0

181

1

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

1

527

2