javascript - 하위 구성 요소가 상위 구성 요소의 맞춤 이벤트를 트리거하지만 상위 구성 요소가 응답하지 않습니다.

Question

다음은 하위 컴포넌트입니다. @change='showChange'는 하위 컴포넌트 이벤트입니다.
다음 템플릿은 주문형 컴포넌트로 등록됩니다

으아악

다음은 하위 구성 요소 메서드입니다.

으아악

다음은 상위 구성 요소입니다

으아악

하지만 Alert(2)는 실행되지 않습니다

Answer 1

이렇게 썼어야지
? 으아악

여기에 전달해야 할 것은 Alert(2)를 직접 작성하는 대신 상위 구성 요소 메서드의 함수 이름입니다

Answer 2

이것이 문제여야 합니다
<option v-for="branch in BranchList" :value="branch.id" track-by="$index">
for in object 루프는 값이 아닌 인덱스를 얻습니다. 따라서 Branch.id를 얻을 수 없으므로 for

로 변경할 수 있습니다.

Answer 3

다음은 하위 컴포넌트입니다. @change='showChange'는 하위 컴포넌트 이벤트입니다.
다음 템플릿은 주문형 컴포넌트로 등록됩니다

<template>
<select name="dType" class="form-control" v-el:select @change:parentChage='showChange'>

으아악

</select>
</template>

다음은 하위 구성 요소 메서드입니다.

으아악