vue2.x 父组件监听子组件事件并传回信息

Posted 百里登风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.x 父组件监听子组件事件并传回信息相关的知识,希望对你有一定的参考价值。

利用vm.$emit

1、在父组件中引用子组件

<child  @from-child-msg="listenChildMsg"></child >

2、子组件中使用$emit发送事件

this.$emit(‘from-child-msg‘, ‘这是子组件传递的消息‘);

 

以上是关于vue2.x 父组件监听子组件事件并传回信息的主要内容,如果未能解决你的问题,请参考以下文章

父子组件信息传递(子传父)

Vue2.x中的父子组件相互通信

vue3实现父组件向子组件传值并监听props改变触发事件

父组件动态监听data事件中的一个值,然后传递给子组件,子组件实时监听这个值,并改变样式中的一个属性

VUE父组件监听子组件事件,同时传入参数

父组件可以监听到子组件的生命周期吗?