在 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 查看