javascript - Comment obtenir les valeurs de la zone de saisie en boucle par v-for après avoir cliqué dessus et soumis

Question

C'est à peu près comme ça. Je travaille actuellement sur une fonction d'évaluation qui permet d'évaluer plusieurs produits ensemble en une seule commande. Cependant, l'interface ne peut s'interfacer qu'avec la soumission d'un seul produit par produit

.

 <p v-for="i in orders.item" style="margin-bottom:20px;overflow:hidden">
   <group style="margin-top:-1.17647059em;background:#fff" >
     <radio :options="radio001"  class="pj_radio"></radio>
    <x-textarea  class="pl_text" v-model="value" placeholder="评论内容......"></x-textarea>
   </group>
  <group style="margin-top:-0.6em;background:#fff" >
  <cell-box>评分</cell-box>
  <cell title="总体评分">
  <rater v-model="data3" slot="value" active-color="#771ec8" star="★"></rater>
  </cell>
  </group>
<p @click="aaa(i)"></p>
  </p>

Supposons que j'ai 3 produits et que je veuille savoir comment cliquer sur un bouton pour soumettre ces 3 produits ensemble. Cela me donnera un tableau comme celui-ci
Produits : {
xx:xxx,
xxx:xxx
}
Utilisation du vux. plug-in
Ou comment puis-je cliquer sur un bouton et déclencher cet aaa(i), ce qui équivaut à déclencher 3 fois, à chaque fois qu'il sort de la boucle, il sera déclenché, et il pourra obtenir la valeur de i en lui-même

Answer 1

Votre modèle en V doit correspondre à un objet,
comme celui-ci

<rater v-model="data[index]" slot="value" active-color="#771ec8" star="★"></rater>

les données correspondent à différents produits, récupérez l'index en v-for

v-for="(i,index) in orders.item" 

Mettez votre événement de clic en dehors de la boucle. Lorsque vous cliquez sur Soumettre, trouvez simplement ces données

.