VueJs: 在子组件中修改选择值后触
P粉878542459
P粉878542459 2023-09-04 17:10:56
[Vue.js讨论组]

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

   }
}
P粉878542459
P粉878542459

全部回复(1)
P粉312631645

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

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

   }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号