Vue.js数量を更新するための計算済みプロパティ

Question

私はシンプルなショッピングカートアプリを持っています。ユーザーはカートにアイテムを追加してから削除することができます（@clickイベントを使用）。私が直面している問題は、からアイテムを削除した後で、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) 
}