javascript - v-for循環出來的輸入框 怎麼點擊之後分別取得到裡面的值並且提交

Question

大約是這樣的 我現在在弄一個評價的功能 可以一個訂單多個商品一起評價 但是接口只能接口一個商品一個商品的提交

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

假如我有3個商品我想知道怎麼點擊一個按鈕就分別對這3個商品一起提交就是大約獲得這麼一個數組
商品:{
xx:xxx,
xxx:xxx
}
使用了vux插件
或我怎麼才能點擊一個按鈕然後觸發那個aaa(i) 等於是觸發3次每個循環出來的都要觸發並且他自己可以獲取到那個i的值

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就可以了