<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 می گیرم
شاید پاسخ شما همینجا باشد
@rahimiangiz سلام ممنون از توجه تون اما من چند بار نوع input رو تغییر دادم اما بازم جواب نداد