vue组件调用另外一个组件中的方法

Posted

tags:

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

参考技术A

在项目中,我们可能碰到这样的需求:在vue组件中调用另外一个组件中的方法,让其执行对应的函数,下面是我总结的一些方法,不足之处希望订正谢谢。

一:如果是父子关系的话,我们可以使用下面的办法

二:如果结构比较复杂,或者不能确定 children 的下标。我们可以使用下面的办法
1、 首先在被调用的vue组件中把方法写入到vuex中( 下面的方法是吧vue组件中的所有方法都保存了)

2、vuex中

3、在需要调用的组件中调用即可

以上方法是在vue2中测试,vue3中可以试着打印一下this看看哦

以上是关于vue组件调用另外一个组件中的方法的主要内容,如果未能解决你的问题,请参考以下文章

vue父组件中使用ref调用子组件中的方法

vue兄弟组件之间方法调用

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

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

如何在android的代码中调用某个组件属性

vue.js(19)--vue中子组件调用父组件的方法