javascript - So erhalten Sie die Werte im Eingabefeld, die von v-for durchgeschleift werden, nachdem Sie darauf geklickt und gesendet haben

Question

Es ist ungefähr so. Ich arbeite derzeit an einer Bewertungsfunktion, die es ermöglicht, mehrere Produkte zusammen in einer Bestellung zu bewerten. Die Schnittstelle kann jedoch nur die Einreichung eines Produkts pro Produkt ermöglichen

 <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>

Angenommen, ich habe 3 Produkte und möchte wissen, wie ich auf eine Schaltfläche klicke, um diese 3 Produkte zusammen einzureichen. Dadurch erhalte ich ein Array wie dieses

Produkte: {
xx:xxx,
xxx:xxx
}
Mit dem Vux Plug-in
Oder wie kann ich auf eine Schaltfläche klicken und aaa(i) auslösen? er selbst

Answer 1

你的V-model应该对应一个对象吧，
比如这个

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

data 分别对应不同的商品，在v-for中把index拿到

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

你的click事件放在循环外面，点提交的时候，找到这个data就可以了