修改子组件中的选择值后触发功能 - VueJs

maistack123

我正在使用 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() {

   }
}
maistack123

我设法通过在@currencyType 的“v-on”中添加函数,并将我从“$emit”中的孩子们收到的值作为参数传递来做到这一点:

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

   }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章