搜尋

首頁  >  問答  >  主體

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

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

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

淡淡烟草味淡淡烟草味2838 天前817

全部回覆(1)我來回復

  • 巴扎黑

    巴扎黑2017-06-12 09:31:09

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

    回覆
    0
  • 取消回覆