<form class = "needs-validation" @submit.prevent = "UpdateFormSubmit(holidayObject.id)">
<div class = "row">
<div class = "col-md-6">
<div class = "mb-3">
<label for = "validationCustom01">Comments</label>
<b-form-input
id = "validationCustom01"
type = "text"
class = "form-control"
placeholder = "Comments"
v-model = "holiday.holidayComments"
/>
</div>
<div class = "mb-3">
<label class = "mt-3">Holiday type*</label>
<multiselect
required
id = "validationCustom02"
v-model = "holiday.holidayTypeValue"
:options = "holidayTypesOptions"
placeholder = "select type"
selectLabel = "select type"
selectedLabel = "selected"
deselectLabel = "selected"
></multiselect>
</div>
</div>
<div class = "col-md-12">
<div class = "row">
<div class = "col-md-12">
<div class = "mb-3">
<label class="mt-3">Start date*</label>
<b-form-input
id = "validationCustom03"
v-model = "holiday.startDate"
type = "date"
placeholder = "DD-MM-YYYY"
format = "DD-MM-YYYY"
autocomplete = "off"
></b-form-input>
</div>
</div>
<div class = "col-md-12">
<div class = "mb-3">
<label class = "mt-3">End date*</label>
<b-form-input
id = "validationCustom04"
v-model = "holiday.endDate"
type = "date"
placeholder = "DD-MM-YYYY"
format = "DD-MM-YYYY"
autocomplete = "off"
></b-form-input>
</div>
</div>
</div>
</div>
</div>
<button class = "btn btn-primary" type="submit">
submit
</button>
</form>
I write a project in vue.js. I have the above form. My problem is that when I make update all fields are updated except holiday type what do I make wrong on this? I try to change the holiday type and debug it and allthough the new holiday type I put is printed to the console the holiday type doesn’t change.