Maison  >  Questions et réponses  >  le corps du texte

VueJs : Touchez après avoir modifié la valeur de sélection dans le composant enfant

<p>J'utilise VueJs et j'ai ce composant enfant dans mon composant parent. Lorsque la sélection du composant enfant change, je dois déclencher une fonction dans le composant parent. </p> <p><strong>Sous-composant :</strong></p> <pre class="brush:php;toolbar:false;">regarder : { selectCoin() { this.$emit("currencyType", this.selectCoin["title"]); } }</pré> <p>Le composant enfant que j'utilise à l'intérieur du composant <strong>parent</strong> : </p> <pre class="brush:php;toolbar:false;"><app-select-coin @coin="body.value = $event" @currencyType="body.currencyType = $event" :data="corps" /></pré> <p>Lorsque le composant enfant répond au $emit du composant parent, je dois appeler cette méthode : </p> <pre class="brush:php;toolbar:false;">méthodes :{ maFonction() { } }</pré>
P粉878542459P粉878542459410 Il y a quelques jours559

répondre à tous(1)je répondrai

  • P粉312631645

    P粉3126316452023-09-05 09:28:14

    J'ai réussi cela en ajoutant une fonction dans le "v-on" de @currencyType et en lui transmettant la valeur reçue du composant enfant en tant que paramètre.

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

    répondre
    0
  • Annulerrépondre