VueJs: 在子组件中修改选择值后触
P粉878542459
2023-09-04 17:10:56
<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>
我通过在 @currencyType 的 "v-on" 中添加函数,并将从子组件中接收到的值作为参数传递给它,成功完成了这个任务。