vue$emit$onサブコンポーネントから親コンポーネントにデータを渡す
544 ワード
原理は、サブコンポーネントが$emitを使用してデータを送信し、親コンポーネントが$onを使用するか、v-onバインドを使用してサブコンポーネントが送信したデータを傍受することです.
サブアセンブリ:
親コンポーネント:
サブアセンブリ:
data () {
return {
childData: 111
}
},
methods:{
sendChildData(){
this.$emit('sendtoFu',this.childData);
}
}
親コンポーネント:
>
---> {{ isMe }}
data() {
return {
isMe : ''
}
},
methods:{
getChildData(data){
this.isMe = data;
}
},