fix: Add key to v-for (#1369)

vuejs · Sep 1, 2018 · a9bd047 · a9bd047
1 parent 0a04c46
commit a9bd047
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/examples/shopping-cart/components/ProductList.vue b/examples/shopping-cart/components/ProductList.vue
@@ -1,6 +1,8 @@
 <template>
   <ul>
-    <li v-for="product in products">
+    <li
+      v-for="product in products"
+      :key="product.id">
       {{ product.title }} - {{ product.price | currency }}
       <br>
       <button

diff --git a/examples/shopping-cart/components/ShoppingCart.vue b/examples/shopping-cart/components/ShoppingCart.vue
@@ -3,7 +3,9 @@
     <h2>Your Cart</h2>
     <p v-show="!products.length"><i>Please add some products to cart.</i></p>
     <ul>
-      <li v-for="product in products">
+      <li
+        v-for="product in products"
+        :key="product.id">
         {{ product.title }} - {{ product.price | currency }} x {{ product.quantity }}
       </li>
     </ul>