راکت
مصطفی
مصطفی
توسط مصطفی مطرح شد
0 پاسخ

ارسال دو مقدار برای v-model

سلام دوستان
یک مشکلی دارم من براساس انتخاب های کاربر مثلا میاد یک ویژگی رو انتخاب می کنه ( رنگ ، سایز و ... ) یه تعداد 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 خود ویژگی که زیر مجموعش مقادیر انتخاب شده باشه
ممنون می شم اگر راهنمایی کنید