Vue之子传父。

子组件给父组件传值!

话不多说,直接上代码吧!

父组件如下:

<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>

猜你喜欢

转载自blog.csdn.net/weixin_44164824/article/details/88965698