Vue.js2.x系で子コンポーネントから親コンポーネントの値を変更したかったのですが、vuexやstoreを自力で実装したり、面倒そうでした。
v-onで呼び出し元に返せる方法が簡単でしたので記録しておきます。
親 parent-component
|
1 2 3 |
<child-hoge-component @getHoge=“isHoge=true” </child-hoge-component> |
子 child-component
クリックイベントの場合
|
1 |
<div @click=“$emit(‘getHoge’)“></div> |
これで子をクリックしても親側の情報が修正できます。
PS
親→子はpropsになります。