Javascript 我的Vue项目v-model在v-for循环内不工作

我有一个问题，v-model不能在v-for循环中工作

在我的模板中

<li v-for="(data, key) in product.variants" :key="data.id">
   <input type="radio" :id="'variant' + key" name="Variant" v-model="cart.variantId"/>
   <label :for="'variant' + key">{{data.variant}}</label>
</li>

---

现在，如果您正在存储一组收音机中的值，我将如何解决此问题。属性中的按钮，需要标识按钮。不是使用id，而是使用值。试试这个：

<li v-for="(data, key) in product.variants" :key="data.id">
   <input type="radio" :id="'variant' + key" name="Variant" v-model="cart.variantId" :value="data.id"/>
   <label :for="'variant' + key">{{data.variant}}</label>
</li>

{{data.variant}

<li v-for="(data, key) in product.variants" :key="data.id">
   <input type="radio" :id="'variant' + key" name="Variant" v-model="cart.variantId" :value="data.id"/>
   <label :for="'variant' + key">{{data.variant}}</label>
</li>