版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Headmaster_Tan/article/details/79914181
Vuejs $emit 子组件调用父组件方法/函数
直接搬官方文档:
参数:
{string} event
[...args]
触发当前实例上的事件。附加参数都会传给监听器回调。
因为错误理解了触发当前实例上的事件
这句话的意思,导致我怎么执行this.emit('event')
都不成功。实际上正如字面意思vm.$emit
不过是触发当前实例上的事件,所以需要把事件写在子组件上才能够触发。
<children @event-name="func()"/>
<!-- 而不是 -->
<div @event-name="func()"></div>
<children />
vm.$emit
意思就是通过触发子组件的事件,从而调用父组件的方法/函数。
还是需要好好理解官方文档的意思,以免造成尴尬。。。