مشکل در 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 عدد و کاری کردم از یک شروع شه
پس مشکل ازونجا نیست بگید حتما از صفر شروع میشه
شما چه راهی رو پیشنهاد میدید؟
اینجوری product.properties.property با index جمع میکنین
بهتره کداتونو اینجوری تغییر بدین
<div v-for="(property , index) in product.properties">
<input type="text" v-model="property">
</div>
نمیتونید دوتا v-model رو باهم جمع کنید. کلا یه مطالعه بکنید قسمت v-model رو تا متوجه بشید کاربردش چیه.
در اینجا هم از computed استفاده کنید.
متوجه سوالم نشدید
متغییر index عدد هستش که میخام کنار عبارت
product.properties.propertyبذارم که تبدیل بشه به مثلا
product.properties.property1بهرحال جوابم رو پیدا کردم باید به این شکل استفاده بشه
v-model="product.properties['property' + index]"بعله راه حلی که پیدا کردین درسته. اما سوالی که پرسیدین رو طوری نپرسیدین که کسی بتونه کمکتون کنه تا به این راه حلی که میخواید برسید. سوالتون انگار یه چیز دیگه هست و کلا ربطی به جوابی که پیدا کردین نداره.
کاش سوال خودتون رو شفاف تر به همراه مثالی که در جواب قبلی زدین ثبت میکردین.
موفق باشید.