[Vuejs]-Vue2 : Handle change events on X number of dropdowns ?

by

0👍

Do you want to bind multiple available option for one field on your model? If so you can use this:

<div v-if="item.FoodProperties">
    <div v-for="fp in item.FoodProperties" class="col-xs-6">
        <span>{{ fp.Name }}</span>
        <select v-model="item.FoodProperty">
            <option value="" style="font-size:80%">Velg</option>
            <option style="font-size:80%" v-for="itm in fp.FoodPropertyOptions" :value="itm.Id">{{ itm.Name }}</option>
        </select>
    </div>
</div>

Edited:
after comment i think this should work:

<div v-if="item.FoodProperties">
<div v-for="(fp, index) in item.FoodProperties" class="col-xs-6">
    <span>{{ fp.Name }}</span>
    <select v-model="item.FoodProperty[index]">
        <option value="" style="font-size:80%">Velg</option>
        <option style="font-size:80%" v-for="itm in fp.FoodPropertyOptions" :value="itm.Id">{{ itm.Name }}</option>
    </select>
</div>

Leave a comment