【vue】vue组件间方法调用

父组件调用子组件的方法

在子组件中加上ref即可通过this.$refs.ref.method调用子组件的方法

父组件部分:




子组件部分:





子组件调用父组件方法(方式一)

父组件部分:




父组件中的 childHandle 方法以 parentHandle 名称传递给子组件

子组件部分:





子组件调用父组件方法(方式二)

父组件部分:




父组件通过 provide 将数据传递给子组件。

子组件部分:




子组件通过 inject 接收父组件的数据。

该方法可跨越多层传递数据。


子组件间方法调用

子组件间方法调用可以通过父组件中转的方法。比如A、B为子组件,C为父组件,
A要调用B的方法,方法是A调用C的方法,然后C在被A调用的方法中调用B的方法。

你可能感兴趣的:(vue)