在最近的项目中（基于vue），有一个需求就是通过 v-for 动态生成 input。在正常情况下，页面中的input数量是固定的，而且每个input绑定的v-model也是固定的，我们可以在 data 中设置。

现在input数量是根据接口返回的数据动态生成的，那么input的 v-model该怎么动态绑定呢？

<div class="checkbox" v-for="(list,index) in inputList">

    <label class="radio-wrapper">

        <input @change="handleSelect" type="radio" v-model="itemRadio[index]"

        :value="list.key" :name="list.variable">{{list.value}}

    </label>

</div>

......

<script>

......

 export default {

    data() {

      return {

        itemRadio: ['radio0','radio1','radio2']

      }

    }

......

 }

</script>

更多内容请 到 https://www.cssge.com 查看