v-for循环出来的输入框 怎么点击之后分别获取到里面的值并且提交

大约是这样的 我现在在弄一个评价的功能 可以一个订单多个商品一起评价 但是接口只能接口一个商品一个商品的提交

 <div 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>
<div @click="aaa(i)"></div>
  </div>

假如我有3个商品 我想知道怎么点击一个按钮就分别对这3个商品一起提交 就是大约获得这么一个数组
商品:{
xx:xxx,
xxx:xxx
}
使用了vux插件
或者我怎么才能点击一个按钮 然后触发那个aaa(i) 等于是触发3次 每个循环出来的都要触发 并且他自己可以获取到那个i的值

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注