Javascript 更新输入字段会影响其他字段,v-model

Javascript 更新输入字段会影响其他字段,v-model,javascript,vue.js,Javascript,Vue.js,我有一个通过v模型绑定输入字段的购物车。当我增加一个产品的数量时,所有产品的数量也会更新,我如何防止这种情况发生,使我只更新一个产品的数量? 我的Html 您可以使用.map为每个产品分配数量: this.cartProducts.map(function(elem){ elem.quantity = 1; return elem; }); 在html中: <input type="number" v-model="product.quantity"> 示例:每

我有一个通过v模型绑定输入字段的购物车。当我增加一个产品的数量时,所有产品的数量也会更新,我如何防止这种情况发生,使我只更新一个产品的数量? 我的Html


您可以使用.map为每个产品分配数量:

this.cartProducts.map(function(elem){
   elem.quantity = 1;
   return elem;
});
在html中:

<input type="number"  v-model="product.quantity">


示例:

每个产品都需要单独的数量,因此将数量字段添加到产品中,然后绑定到该字段:

<input type="number"  v-model="product.quantity">


不要将计数绑定到同一个变量。没有任何代码真的帮不上什么忙。@FINDarkside我已经添加了我的代码示例,我希望很清楚
cartProducts
不应该是一个产品数组,而是一个
{product,quantity}
质量大于数量的数组,很好
<input type="number"  v-model="product.quantity">
<input type="number"  v-model="product.quantity">