Vue.js 수량을 업데이트하는 계산 된 속성

Question

나는 간단한 장바구니 앱을 가지고 있으며, 사용자가 장바구니에 항목을 추가 한 다음 제거하려고합니다 (@click 이벤트 사용). 내가 직면 한 문제는 Cart에서 항목을 제거한 후 내 Product에서 수량을 업데이트하는 방법을 파악할 수 없다는 것입니다. 여기

<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/

Answer 1

당신은 remove 방법에 item.stock 값을 증가시킬 수있다 : 일

remove: function (item) { 
    this.itemInCart.splice(item, 1) 
    var updateStock = this.items[0].stock 
    item.stock++ 
    this.restock.push(updateStock) 
}