VueJs: Berühren Sie nach dem Ändern des Auswahlwerts in der untergeordneten Komponente
P粉878542459
P粉878542459 2023-09-04 17:10:56
0
1
606
<p>Ich verwende VueJs und habe diese untergeordnete Komponente in meiner übergeordneten Komponente. Wenn sich die Auswahl der untergeordneten Komponente ändert, muss ich eine Funktion in der übergeordneten Komponente auslösen. </p> <p><strong>Unterkomponente:</strong></p> <pre class="brush:php;toolbar:false;">watch: { selectCoin() { this.$emit("currencyType", this.selectCoin["title"]); } }</pre> <p>Die untergeordnete Komponente, die ich innerhalb der <strong>übergeordneten Komponente verwende</strong>: </p> <pre class="brush:php;toolbar:false;"><app-select-coin @coin="body.value = $event" @currencyType="body.currencyType = $event" :data="body" /></pre> <p>Wenn die untergeordnete Komponente auf das $emit der übergeordneten Komponente reagiert, muss ich diese Methode aufrufen: </p> <pre class="brush:php;toolbar:false;">methods :{ myFunction() { } }</pre>
P粉878542459
P粉878542459

Antworte allen(1)
P粉312631645

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

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

   }
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage