父组件vue
<privateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild">
</privateScoreTop>
父组件js
export default{
data(){
return {
}
},
computed:{
privateScoreTop : ()=>import("./privateScoreTop.vue")
},
mounted(){
},
methods:{
showMessageFromChild(data){
console.log("回掉子组件成功"+data);
}
}
}
子组件js
export default{
methods: {
onfilter(){
this.$emit("listenTochildEvent",{回传参数});
},
}
}
本文介绍了一个使用Vue.js的父子组件间的通信案例。父组件通过监听子组件触发的事件来接收数据,并在控制台中打印消息。子组件通过$emit方法向父组件发送事件及参数。
7135

被折叠的 条评论
为什么被折叠?



