首页 > 技术文章 > 在vue中子组件如何向父组件传值

godxiaowei 2021-02-21 11:55 原文

代码如下

父组件

  

子组件

 

运行结果: 

  

运行过程:

第一步: 在子组件中设置触发事件(如:@click),然后触发子组件methods中的 方法

第二步: 在子组件methods中,调用对应方法,其中this.$emit(‘自定义事件’, ‘传递的数据’)可以触发父组件的自定义事件 ,(在这里一定要注意在父组件的自定义事件中,事件函数名字要与子组件函数调用的名字保持一致,即:上文中 父组件中 @handleDataParent  与子组件 中触发的自定义方法名一致)

第三步: 父组件中监听事件的触发,如果触发,通过形参来接受数据,从而完成了数据从子组件向父组件传递的过程

推荐阅读