When I set the initial value on the data property, the dropdown option is correctly displayed. However, if I select a different value from the dropdown, the data property does not update accordingly.
<select
class="form-control"
name="call_type"
id="call_type"
v-model="form.productType"
>
<option value="Lead">Lead</option>
<option value="Opportunity">Opportunity</option>
<option value="Client">Client</option>
</select>
Data object
data() {
return {
products: [],
form: {
productType: 'Lead',
}
};
},