teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

更に細かく

2021/12/03 09:38

投稿

FKM
FKM

スコア3662

answer CHANGED
@@ -1,3 +1,5 @@
1
1
  親コンポーネントと子コンポーネントの関係を、一度整理した方がいいと思います。
2
2
 
3
- 現状だと親コンポーネントにクリックイベントを渡しているのに、モーダルの開閉処理を行っているのは子コンポーネントの中にあるようです。
3
+ 現状だと親コンポーネントにクリックイベントを渡しているのに、モーダルの開閉処理を行っているのは子コンポーネントの中にあるようです。
4
+
5
+ v-on:clickの中身にある$emit('close')は開閉処理を行うものではなく、this.$emitは子コンポーネントから親コンポーネントにイベントをコールバック関数化して受け渡すものです。なので、クリックによって親コンポーネントにイベントを飛ばしているのに、飛ばした先の親コンポーネントに開閉処理はないので、何も起きません。