Vue.js计算属性更新数量
Vue.js computed property to update quantity
我有一个简单的购物车应用程序,我有它,以便用户可以添加商品到购物车,然后删除它们(使用@click
事件)。我面临的问题是,当我从Cart
中删除一个项目后,我不知道如何更新Product
中的数量。以下是我的index.html
的相关部分:
<span v-for="item in items">
<h3>Product</h3>
Item: {{item.name}}<br>
Price: {{item.price}}<br>
Quantity: {{inStock > 0 ? inStock : 'Out of Stock'}}<br>
<button
class="btn btn-primary"
:disabled="inStock===0"
@click="addToCart(item)">
Add to Cart
</button>
</span>
下面是一个包含Vue
实例的小提琴:https://jsfiddle.net/Amidi/yzwrzugz/1/
您可以在remove
方法中增加item.stock
的值:
remove: function (item) {
this.itemInCart.splice(item, 1)
var updateStock = this.items[0].stock
item.stock++
this.restock.push(updateStock)
}
相关文章:
- Css order属性不't在Jquery设置时更新
- 更新属性工作不正常Meteor/MongoDB
- 阵列中的localstorage更新属性
- 数组中嵌入文档的集合更新属性
- Javascript object.defineProperties 以自动更新属性
- 使用 ajax 调用轨道更新属性
- X3DOM 更新属性
- React未从数组内的对象更新属性
- 如何使用 Ember 更新属性后滚动到 DOWN
- 如果JavaScript对象是通过引用传递的,为什么不;t更新属性值更新局部变量
- 余烬模板不更新属性变量的变化
- 如何使用jQuery更新属性?
- 更新属性指令值
- Jquery /js:脚本在输入值改变后不更新属性
- OrientDB通过JavaScript更新属性
- 猫鼬模式方法和“这个”更新属性 - NodeJS
- 不更新属性值的二传手函数
- Backbone.js正在更新属性被更改的模型
- 克隆和更新属性
- 如何在从子控制器更新属性后刷新应用程序模板