Vue父组件触发子组件中的实现方法

目录

• 1 通过 ref 取得子组件实例并调用方法
• 2 使用自定义事件
• 总结

有多种方法可以实现父组件触发子组件中的方法，以下是其中两种常用的方法：

1 通过 ref 取得子组件实例并调用方法

父组件可以在模板中通过 ref 给子组件命名，然后在父组件中使用 $refs 访问子组件实例的方法。

在子组件中，需要在 methods 中定义要被调用的 childMethod 方法。

2 使用自定义事件

父组件可以在需要触发子组件中的方法的时候，通过 $emit 触发自定义事件。然后在子组件中监听该事件，在事件回调函数中执行对应的方法。

在子组件中，需要通过 props 来接收父组件传递的自定义事件，并在 created 生命周期中对其进行监听。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持科站长。