VueJs: Berühren Sie nach dem Ändern des Auswahlwerts in der untergeordneten Komponente

Question

Ich verwende VueJs und habe diese untergeordnete Komponente in meiner übergeordneten Komponente. Wenn sich die Auswahl der untergeordneten Komponente ändert, muss ich eine Funktion in der übergeordneten Komponente auslösen.

Unterkomponente:

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

Die untergeordnete Komponente, die ich innerhalb der übergeordneten Komponente verwende:

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

Wenn die untergeordnete Komponente auf das $emit der übergeordneten Komponente reagiert, muss ich diese Methode aufrufen:

methods :{
   myFunction() {

   }
}

Answer 1

我通过在 @currencyType 的 "v-on" 中添加函数，并将从子组件中接收到的值作为参数传递给它，成功完成了这个任务。

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

methods :{
   myFunction(ct) {

   }
}