مجید
3 سال پیش توسط مجید مطرح شد
5 پاسخ

مشکل در مقدار دهی اتربیوت value تگ input

سلام من می خواهم سبد خرید رو با ویو و لاراول ایجاد کتم مشکل اینجاست که مقادیر رو که از v-for میگیرم رو نمی تونم به اتربیون value در تگ input قرار بدم از v-model هم استفاده کردم اما نشد
اما مقادیر رو در placeholder میشه نمایش داد


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 3 سال پیش مطرح شد
1

درود بر شما
کد قرار بدید اینطور که نمیشه گفت شما چیکار کردید !!!!


مجید
تخصص : برنامه نویس php , laravel,java...
@MAJIDKALI 3 سال پیش آپدیت شد
0
<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 3 سال پیش مطرح شد
2

سلام و شاد باش
بخاطره اینه که اینپوت از نوع نامبر تعریف شده ولی استرینگ داری میفرستی item.quantity رو با یک متد به نامبر تبدیل کن مثله:

item.quantity.parseInt()

مجید
تخصص : برنامه نویس php , laravel,java...
@MAJIDKALI 3 سال پیش مطرح شد
1

@rahimiangiz سلام ممنون از توجه تون اما من چند بار نوع input رو تغییر دادم اما بازم جواب نداد


محمد رحیمی انگیز
تخصص : مدیر فناوری اطلاعات
@rahimiangiz 3 سال پیش مطرح شد
0

سلام و شادباش
به نظرم items نباید آرایه باشه معمولا response به صورت ابجکته یک نگاه به کنسول بروزر بکن ببین به چه شکل پاسخ میاد و فقط دیتاشو بردار


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام