javascript - Bagaimana untuk mendapatkan nilai dalam kotak input yang digelungkan oleh v-for selepas mengkliknya dan menyerahkannya

Question

Ini kira-kira seperti ini saya sedang mengusahakan fungsi penilaian yang membolehkan berbilang produk dinilai bersama-sama dalam satu pesanan

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

Andaikan saya mempunyai 3 produk dan saya ingin tahu cara mengklik butang untuk menyerahkan 3 produk ini bersama-sama Ini akan memberi saya tatasusunan seperti ini

Produk: {
xx:xxx,
xxx:xxx
}
Menggunakan vux. plug-in
Atau bagaimana saya boleh mengklik butang dan mencetuskan aaa(i) itu, yang bersamaan dengan mencetuskan 3 kali, setiap kali ia keluar dari gelung, ia akan dicetuskan, dan dia boleh mendapatkan nilai i dengan dirinya

Answer 1

Model V anda sepatutnya sepadan dengan objek,
seperti ini

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

data sepadan dengan produk yang berbeza, dapatkan indeks dalam v-for

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

Letakkan acara klik anda di luar gelung Apabila anda mengklik hantar, cuma cari data ini