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 ループは値ではなくインデックスを取得します。そのため、branch.id は取得できません。for of に変更できます

Answer 3

以下はサブコンポーネントです @change='showChange' はサブコンポーネントイベントです
以下のテンプレートはオーダー型コンポーネントとして登録されています

<テンプレート>
<select name="dType" class="form-control" v-el:select @change:parentChage='showChange'>

リーリー

</select>
</template>

以下はサブコンポーネントメソッドです:

リーリー