راکت

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

5 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

5
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

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

مجید
مجید
@MAJIDKALI

تخصص: برنامه نویس php , laravel,javascript

<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

تخصص: مدیر فناوری اطلاعات

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

item.quantity.parseInt()
مجید
مجید
@MAJIDKALI

تخصص: برنامه نویس php , laravel,javascript

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

محمد رحیمی انگیز
محمد رحیمی انگیز
@rahimiangiz

تخصص: مدیر فناوری اطلاعات

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

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

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