vue一个组件调用另一个组件的方法
- 原创
- |
- 浏览： 17525
- |
- 更新：
-
![vue一个组件调用另一个组件的方法]()
1
-
![vue一个组件调用另一个组件的方法]()
2
-
![vue一个组件调用另一个组件的方法]()
3
-
![vue一个组件调用另一个组件的方法]()
4
-
![vue一个组件调用另一个组件的方法]()
5
-
![vue一个组件调用另一个组件的方法]()
6
-
![vue一个组件调用另一个组件的方法]()
7
在vue项目开发过程中，组件component是一个非常有用的东西，大大提高了代码的移植性。组件之间的传值及方法调用是组件非常好的特性，本文介绍了组件之间的方法调用。
方法/步骤
-
![vue一个组件调用另一个组件的方法]()
-
然后我们在父页面引入改子页面，通过import引入，并在components添加，然后template增加并设置ref值
![vue一个组件调用另一个组件的方法]()
![vue一个组件调用另一个组件的方法]()
-
父组件调用子组件的方法，可以通过vm.$refs.xxxx(第二步设置的ref值).子组件的方法即可
![vue一个组件调用另一个组件的方法]()
-
如果是子组件调用父组件的方法，我们通过是通过vue的$emit方法，其后面有两个参数，方法名称，参数值
![vue一个组件调用另一个组件的方法]()
-
其中$emit中的方法名称需要和父页面引用子页面时的方法名称一致，如下图所示
![vue一个组件调用另一个组件的方法]()
-
summaryItemClick为父组件的方法，其接受子组件的参数，这样就实现了父子组件的方法调用
![vue一个组件调用另一个组件的方法]()
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：
本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部