ここで、Vue のサブコンポーネントから親コンポーネントに値を渡す方法を共有します。これは優れた参考値なので、皆さんのお役に立てれば幸いです。
子コンポーネントがトリガーイベントを登録し、親コンポーネントが子コンポーネントのトリガーイベントを登録した後のメソッドがメソッドに書かれています
親コンポーネントはこんな感じで書きます
<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
methods: {
listenToMyBoy: function (somedata){
this.childWords = somedata
}
}子コンポーネントコンポーネント-a はこのように書きます
<button v-on:click="onClickMe">like!</button>
methods: {
onClickMe: function(){
this.$emit('child-say',this.somedata);
}
}上にまとめましたので、今後皆様のお役に立てれば幸いです。
関連記事:
vueプロジェクトでueditorを使用する(詳細なチュートリアル)
vueプロジェクトにnoVNCリモートデスクトップを導入する手順は何ですか
nodejsクローラーを使用してスーパーエージェントとcheerioを使用する方法
以上がVueで子コンポーネントから親コンポーネントに値を渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
