vue中实现子组件接收父组件方法并获取返回值_vue.js_

子组件接收父组件方法并获取返回值

项目中有时候会遇到父子组件传值的问题，比如子组件需要接收父组件方法并获取该方法返回值的时候。

使用this.$emit('方法名', '参数1', '参数2')的方式，获取到不是父组件方法的return值。但是我们可以将参数改为回调函数的形式，父组件里执行该回调函数，返回值后给子组件，子组件再接收返回值。

示例：

父组件 GetCallback.vue

子组件 CallbackChild1.vue

子组件接收父组件的另一种方法

子组件获取父组件传递的数据通常是通过props属性接收父组件的传递过来的数据，

代码如下：

也可以通过子组件的$attrs接收的父组件的数据，但是这时候传递的数据子组件中不能有props的属性，不然子组件的$attrs获得的是空对象，

代码如下：

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

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！