vue.js - vue v-on与$emit传值同步更新问题

问题描述

问 题

在点击保存后，怎么通知父组件去更数据，把新增的水果名称自动同步到下拉框中

解决方案

父组件调用子组件的代码：

<child @on-child-change="onChildChange"></child>
//@就是v-on onChildChange是父组件与子组件约定的一个通信的方法

//在父组件的methos中添加onChildChange方法
onChildChange(data){
    //这里的data不需要在上面的html代码中传参
    console.log(data);
}

子组件传参：

let data = {id:1,name:'foo'}
this.$emit('onChildChange',data);//第一个参数是约定的通信方法，第二个参数是传递的数据

刚刚在掘金看到一篇关于VUE各个组件之间传参的文章，楼主可以去看看。传送门

这篇关于vue.js - vue v-on与$emit传值同步更新问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！