مشکل در vmodel

- 1 هفته پیش
توسط mahdi khanzadi آپدیت شد
parsa ( 7350 تجربه )
1 هفته پیش

سلام دوستان
من 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 ( 7350 تجربه )
1 هفته پیش

کسی بلد نیست؟

@hesammousavi

TEFO ( 8330 تجربه )
1 هفته پیش
تخصص : لاراول

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

<div v-for="(property , index) in product.properties">
    <input type="text" v-model="property">
</div>
mahdi khanzadi ( 50377 تجربه )
1 هفته پیش
تخصص : برنامه نویس سمت سرور

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

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

parsa ( 7350 تجربه )
1 هفته پیش

@khanzadimahdi

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

 product.properties.property

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

product.properties.property1

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

v-model="product.properties['property' + index]"
mahdi khanzadi ( 50377 تجربه )
1 هفته پیش
تخصص : برنامه نویس سمت سرور

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

برای ارسال پاسخ باید وارد سایت شوید