سلام من می خواهم سبد خرید رو با ویو و لاراول ایجاد کتم مشکل اینجاست که مقادیر رو که از v-for میگیرم رو نمی تونم به اتربیون value در تگ input قرار بدم از v-model هم استفاده کردم اما نشد
اما مقادیر رو در placeholder میشه نمایش داد
<template>
<div>
<div class="content-body">
<form action="#" class="icons-tab-steps checkout-tab-steps wizard-circle">
<!-- Checkout Place order starts -->
<h6><i class="step-icon step feather icon-shopping-cart"></i>Cart</h6>
<fieldset class="checkout-step-1 px-0">
<section id="place-order" class="list-view product-checkout">
<div class="checkout-items">
<div class="card ecommerce-card" v-for="(item,index) in items" :key="index">
<div class="card-content">
<div class="card-body">
<div class="item-quantity">
<p class="quantity-title">تعداد</p>
<div class="input-group quantity-counter-wrapper">
<input
type="number"
class="quantity-counter"
v-model="item.quantity">
<input type="number"
class="quantity-counter"
:value="item.quantity">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</fieldset>
</div>
</div>
</template>
<script>
export default {
data: function() {
return {
items: [],
}
},
mounted() {
axios.post('/data/of/cart')
.then(response => {
this.items = response.data.items;
console.log(response.data.items);
})
},
}
</script>
من هم اتربیوت value رو مقدار دهی کردم و هم v-model اما هیچ کدام کار نمی کنه
در ضمن مقادیر رو از v-for و از axios می گیرم
سلام و شاد باش
بخاطره اینه که اینپوت از نوع نامبر تعریف شده ولی استرینگ داری میفرستی item.quantity رو با یک متد به نامبر تبدیل کن مثله:
item.quantity.parseInt()
@rahimiangiz سلام ممنون از توجه تون اما من چند بار نوع input رو تغییر دادم اما بازم جواب نداد
سلام و شادباش
به نظرم items نباید آرایه باشه معمولا response به صورت ابجکته یک نگاه به کنسول بروزر بکن ببین به چه شکل پاسخ میاد و فقط دیتاشو بردار
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟