Vue父组件调用子组件事件的两种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue父组件调用子组件事件的两种方法相关的知识,希望对你有一定的参考价值。

参考技术A 首先我们要了解 $on 和 $emit

vm. $on ( event, callback ):监听当前实例上的自定义事件。事件可以由vm. $emit 触发。回调函数会接收所有传入事件触发函数的额外参数。

vm. $emit ( event, […args] ):触发当前实例上的事件。附加参数都会传给监听器回调。
父组件中:

子组件中:

触发父组件的click事件

总结:基础功能,没啥多说的。希望能帮助您开发更好的组件

以上是关于Vue父组件调用子组件事件的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

vue父组件向子组件动态传值的两种方法

vue——props的两种常用方法

vue学习之父子组件通信两种方法

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

vue子组件怎么调用父组件的方法

VUE中父组件如何调用子组件的方法