1. 程式人生 > >Vue 子元件呼叫父元件的方法

Vue 子元件呼叫父元件的方法

第一步: 父元件在子元件上註冊方法

<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);

}

}