VueJs: 在子组件中修改选择值后触
P粉878542459
P粉878542459 2023-09-04 17:10:56
0
1
577
<p>我正在使用VueJs,我的父组件中有这个子组件,当子组件的选择变化时,我需要在父组件中触发一个函数。</p> <p><strong>子组件:</strong></p> <pre class="brush:php;toolbar:false;">watch: { selectCoin() { this.$emit("currencyType", this.selectCoin["title"]); } }</pre> <p>我在<strong>父组件</strong>中使用的子组件:</p> <pre class="brush:php;toolbar:false;"><app-select-coin @coin="body.value = $event" @currencyType="body.currencyType = $event" :data="body" /></pre> <p>当子组件响应父组件的$emit时,我需要调用这个方法:</p> <pre class="brush:php;toolbar:false;">methods :{ myFunction() { } }</pre>
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) {

   }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!