سلام دوستان
یک مشکلی دارم من براساس انتخاب های کاربر مثلا میاد یک ویژگی رو انتخاب می کنه ( رنگ ، سایز و ... ) یه تعداد collapse ایجاد می کنم مطابق کد زیر :
<vs-collapse :type="type" v-for="(property,index) in selectedProperties" :key="index">
<vs-collapse-item>
<div slot="header">
<feather-icon icon="TrashIcon" svgClasses="h-4 w-4 delete-collapse" @click="deleteCollapse(property.id)" class="mr-2" title="حذف" />
{{ property.name }}
</div>
<div class="vx-row">
<div class="vx-col w-1/4 mb-2">
<div><label>نام :</label></div>
<b>{{ property.name }}</b>
</div>
<div class="vx-col w-3/4 mb-2">
<vs-select
multiple
autocomplete
label="مقدار(ها)"
v-model="selectedValues"
width="100%"
>
<vs-select-item v-for="(item,index) in filterPropertyValues(property.id)" :key="index" :value="item" :text="item.value" />
</vs-select>
</div>
</div>
</vs-collapse-item>
حالا می خوام v-model مقادیر رو به این شکل بایند کنم :
selectedValues[property.id][item.id]
که در نهایت یه آرایه ای داشته باشم که id خود ویژگی که زیر مجموعش مقادیر انتخاب شده باشه
ممنون می شم اگر راهنمایی کنید
اولین نفری باشید که به این پرسش کمک میکند و مسیر حل مشکل را باز میکند.
اولین پاسخ را بنویسیدشاید پاسخ شما همینجا باشد