VueJs: 在子元件中修改選擇值後觸

Question

我正在使用VueJs，我的父元件中有這個子元件，當子元件的選擇變化時，我需要在父元件中觸發一個函數。

子組件：

watch: {
    selectCoin() {
      this.$emit("currencyType", this.selectCoin["title"]);
    }
}

我在父親組件中使用的子元件：

<app-select-coin
  @coin="body.value = $event"
  @currencyType="body.currencyType = $event"
  :data="body"
/>

當子元件回應父元件的$emit時，我需要呼叫這個方法：

methods :{
   myFunction() {

   }
}

Answer 1

我透過在 @currencyType 的 "v-on" 中新增函數，並將從子元件接收到的值作為參數傳遞給它，成功完成了這個任務。

<app-select-coin
  @coin="body.value = $event"
  @currencyType="myFunction(body.currencyType = $event)"
  :data="body"
/>

methods :{
   myFunction(ct) {

   }
}