Méthode Vue pour transmettre plusieurs valeurs d'entrée du composant enfant au composant parent

Question

** Tout le monde sait comment transmettre plusieurs composants enfants. Entrez la valeur**

<template>
  <div>
    <v-row align="center">
      <v-select
        :items="languages"
        v-model="selectedOption"
        @input="changeLanguage()"
        outlined
        solo
        class="m-3"
        cols="12"
        sm="2"
        label="Select Language"
      ></v-select>

      <v-combobox
        @input-content="changeContent()"
        v-model="contents2"
        outlined
        solo
        class="d-inline-flex"
        cols="12"
        sm="2"
        label="Input Content"
      ></v-combobox>
    </v-row>
  </div>
</template>

**Ce qui précède est mon dossier Modèles, n'hésitez pas à me demander plus de code source**

<Child
        v-for="count in sec"
        :key="count"
        v-model="selectedLanguage"
        :languages="languages"
        :contents="contents"
        :input="onChangeChild"
        :inputContent="onChangeContent"
      />

** Ceci est le code source de mon composant parent **

Answer 1

On dirait que vous savez déjà ce que vous voulez et ce dont vous avez besoin. et posséder des compétences qui améliorent les approches de résolution de problèmes.

Les propriétés parentales peuvent être utilisées comme modèles en V sur des composants plus profonds.

Vous pouvez également diviser le composant en plusieurs si vous avez besoin de gérer minutieusement certaines valeurs. Si cela ne vous coûte pas plus de tests ou d'autres ressources.

Lorsque vous utilisez émettre comme canal pour communiquer avec le composant parent. N'oubliez jamais que la charge utile que vous émettez peut être adaptée et conçue en fonction de vos besoins. Par exemple :

this.emit("updateMultiple", {
var:complexObject
anotherVar: moreComplexObject
})

Vous pouvez ensuite gérer le lancement en détail de manière à répartir la charge utile selon les exigences de votre mission.

En méthode :

advancedFunction(emitPayload) {
const inputOne=emitPayload.var
const inputTwo=emitPayload.anotherVar
//...进一步的逻辑
},

Enfin, vous pouvez gérer l'émission en fonction du moment où vous souhaitez qu'elle se déclenche dans le composant enfant.