javascript - vue 中如何循环的input如何绑定v-model？

问题描述

问 题

从后端传过来的一组值，数量不确定，需要使用input修改

<tr v-for="(val, key) in groupListOne">
  <td>
    <input type="text" class="form-control input-sm" :value="val.gname">
  </td>
  <td style="width: 180px;">
     <input type="text" class="form-control input-sm" :value="val.alexa">
  </td>
  <td style="width: 180px;">
     <button class="btn btn-primary btn-xs" @click="editList1Name1(val.gname)">修改</button>
     <button class="btn btn-xs">删除</button>
  </td>
</tr>

值修改后传到后端，貌似只能用v-model啊，像我这样单项绑定是做不到的啦。可是如果用v-model的话，是不是就意味着需要给每一个input加一个初始变量值(即页面初始化的时候先从后端获取列表再初始化data里面的每个v-model？这样做可行吗？或者用vuex可以实现吗？)

解决方案

从后端穿过来的应该是个数组吧,不是的话变成数组,然后在data属性上加上这个数组,再用v-for渲染,

<input v-for="(value,key,index) of array" v-model="array[index]"></input>

你试下,可能不行.

这篇关于javascript - vue 中如何循环的input如何绑定v-model？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！