在 vue.js 中动态绑定 v-model

在最近的项目中（基于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 查看