Pārlūkot izejas kodu

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

keng0o 6 gadi atpakaļ
vecāks
revīzija
a9bd047ea1

+ 3 - 1
examples/shopping-cart/components/ProductList.vue

@@ -1,6 +1,8 @@
 <template>
 <template>
   <ul>
   <ul>
-    <li v-for="product in products">
+    <li
+      v-for="product in products"
+      :key="product.id">
       {{ product.title }} - {{ product.price | currency }}
       {{ product.title }} - {{ product.price | currency }}
       <br>
       <br>
       <button
       <button

+ 3 - 1
examples/shopping-cart/components/ShoppingCart.vue

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