Vue js how to show option in select selected by default?

Question

Vue.js

Has this Select:

<select class="form-control"  v-model="selectedSport" v-on:change="onChange" :class="{ 'borderRed': trueFlagSport}">
                                            <option value="" hidden selected disabled >Выбери спорт</option>
      <option v-for="(item, index) in itemsSport" :key="index" :value="item.value">@{{item.name}}</option>
                                            </select>

By default, I need to select option: "Choose a sport". But something doesn't work.
I'm not very good at Vue.js, but when I remove the v-model, everything is ok.
What we have now:

Answer 1

Specifying the selected attribute is pointless - v-model ignores it. Instead, set the initial value of the selectedSport property to an empty string - just like the value of the option you want.