3.4.1 재고 주시

사용자가 주어진 상품을 초과해서 구매하는 것을 방지하려면 코드 3-9와 같이 상품 객체에 새로운 속성을 추가해야 합니다. 사용 가능한 재고(availableInventory) 속성은 우리 스토어에서 가진 상품의 개체별 개수를 표시할 것입니다.

코드 3-9 상품에 availableInventory 추가하기: chapter-03/available-inventory.js

data: {
  sitename: "Vue.js 애완용품샵 ",
  product: {
    id: 1001
    title: "고양이 사료, 25파운드",
    description: "당신의 고양이를 위한 <em>거부할 수 없는</em>,
                  유기농 25파운드 사료입니다.",
    price: 2000,
    image: "assets/images/product-fullsize.png",
    availableInventory: 5 -- 다른 상품 데이터 다음에 availableInventory 속성을 추가합니다. 
  }
  cart: []
}

---

 

구매하는 도중에 다른 사용자가 이미 하나 이상의 같은 상품을 구매했을 수도 있기 때문에 상품 구매를 완료하기 전에 다시 한 번 확인할 필요가 있습니다. 하지만 장바구니 담기 버튼을 막거나 숨겨서 나중에 사용자가 실망할 수 있는 가능성을 줄이는 방법으로 간단하게 해결할 수도 있습니다.