[Vuejs]-Vue 2 v-model data not binding and removing property

The API call populating the dropdown options would respond after the API call that bound data to the select. So the data binds to a select with no option values and the sport_id property is removed from the object.

After the select options are populated, if I change the select value the sport_id property is readded to the object with the current value of the select.

I had to make sure that I populate the select before binding data in order for the page to properly load the form.