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

مشکل در vmodel

سلام دوستان
من input به وسیله v-model وصل کنم فقط یک مشکل دارم کد رو ببینید تا بگم (VueJs)

data () {
    return {
         product: {
             properties: {
                 property1 : '',
                 property2: ''
             }
         }
    }
}
<div v-for="(prop, index) in properties"
    <input type="text" v-model="product.properties.property + index">
</div>

هر کاری کردم نمیتونم v-model رو به data متصل کنم

همانطور که میدونید متغیر index عدد و کاری کردم از یک شروع شه
پس مشکل ازونجا نیست بگید حتما از صفر شروع میشه

شما چه راهی رو پیشنهاد میدید؟


ثبت پرسش جدید
parsa
@parsahaghighi 5 سال پیش مطرح شد
0

کسی بلد نیست؟

@hesammousavi


TEFO
تخصص : لاراول
@tefo.ha27 5 سال پیش مطرح شد
1

اینجوری product.properties.property با index جمع میکنین
بهتره کداتونو اینجوری تغییر بدین

<div v-for="(property , index) in product.properties">
    <input type="text" v-model="property">
</div>

mahdi khanzadi
تخصص : Software engineer
@khanzadimahdi 5 سال پیش مطرح شد
1

نمیتونید دوتا v-model رو باهم جمع کنید. کلا یه مطالعه بکنید قسمت v-model رو تا متوجه بشید کاربردش چیه.

در اینجا هم از computed استفاده کنید.


parsa
@parsahaghighi 5 سال پیش آپدیت شد
0

@khanzadimahdi

متوجه سوالم نشدید
متغییر index عدد هستش که میخام کنار عبارت

 product.properties.property

بذارم که تبدیل بشه به مثلا

product.properties.property1

بهرحال جوابم رو پیدا کردم باید به این شکل استفاده بشه
‍‍‍

v-model="product.properties['property' + index]"

mahdi khanzadi
تخصص : Software engineer
@khanzadimahdi 5 سال پیش مطرح شد
3

بعله راه حلی که پیدا کردین درسته. اما سوالی که پرسیدین رو طوری نپرسیدین که کسی بتونه کمکتون کنه تا به این راه حلی که میخواید برسید. سوالتون انگار یه چیز دیگه هست و کلا ربطی به جوابی که پیدا کردین نداره.
کاش سوال خودتون رو شفاف تر به همراه مثالی که در جواب قبلی زدین ثبت میکردین.
موفق باشید.


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

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