VueJs: Sentuh selepas mengubah suai nilai pemilihan dalam komponen anak

Question

Saya menggunakan VueJs dan saya mempunyai komponen anak ini dalam komponen induk saya Apabila pemilihan komponen anak berubah, saya perlu mencetuskan fungsi dalam komponen induk.

Subkomponen:

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

Komponen anak yang saya gunakan di dalam komponen induk:

<app-select-coin
  @coin="body.value = $event"
  @currencyType="body.currencyType = $event"
  :data="badan"
/></pra>
<p>Apabila komponen anak bertindak balas kepada $emit komponen induk, saya perlu memanggil kaedah ini: </p>
<pre class="brush:php;toolbar:false;">kaedah :{
   myFunction() {

   }
}

Answer 1

Saya berjaya mencapai ini dengan menambahkan fungsi dalam "v-on" @currencyType dan menghantar nilai yang diterima daripada komponen anak sebagai parameter.

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

methods :{
   myFunction(ct) {

   }
}