子组件给父组件传值!
话不多说,直接上代码吧!
父组件如下:
<template>
<div> <!--handleReceive是子组件生成事件-->
<son @handleReceive="handleReceives"></son>
</div>
</template>
<script>
import son from '引入子组件';
export default {
component:{son},
methods:{
handleReceives(data){ // data===> 子组件传过来的msg
console.log(data);
}
}
}
</script>
子组件如下:
<template>
<div>
<button @click=handleByValue>点我传值给父组件</button>
</div>
</template>
<script>
export default {
data(){
return{
msg:"我是子组件的数据"
}
},
methods:{
handleByalue(){ //触发事件后 生成handleReceive事件 ,并且把this.msg传过去
this.$emit('handlelReceive',this.msg);
}
}
}
</script>