在vue中,子组件通过$emit触发事件给父组件发送消息。
vm.$emit( eventName, […args] ) 可以有两个参数:第一个参数必填,触发当前实例上的函数;第二个参数选填,是向函数传递的数据。
下面是从子组件向父组件派发事件的具体过程:
(1)在子组件中添加按钮,触发函数 transmitMsg 向父组件派发事件:
<div>
<h1>{
{
zhmsg}}</h1>
<button @click="transmitMsg">点击按钮向父组件传值</button>
</div>
(2)在子组件 methods 中定义 transmitMsg() 函数:
transmitMsg(){
this.$emit('showChildMsg',this.transmsg)