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

   }
}