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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chinafire525/article/details/83860688

第一步： 父组件在子组件上注册方法

<customer-Avatar ref="customerAvatar" @customerchangeflag='customerchangeflag'></customer-Avatar>

第二步 ： 子组件里设置何时调用方法

将此方法写在要调用父组件方法的地方

1.不传参数的写法 this.$emit("customerchangeflag");

2.1.传参数的写法 this.$emit("customerchangeflag"，{dataname：this.data});

第三步 ： 父组件中接收参数和方法执行

1.不接收参数的

methods: {

customerchangeflag() {
console.log("父组件方法");}

}

2.接收参数的

methods: {

customerchangeflag(data) {

console.log("子组件传过来的参数"+data);

}

}