Select tag shows nothing selected when v-model variable has a value

[SuhaibMaraqa]

So I have a variable called client_id and has a value sent with a url parameter, and have a select like this:

<select @change="getClientLists($event)" v-model="client_id" id="client-list" name="client_id" v-if="client_id" class="selectpicker h-100 form-control shadow-none @error('client_id') is-invalid @enderror" data-live-search="true" required> <option v-for="client in clients" :value="client.id" :data-industry-id="client.industry_id" v-text="client.company_name" :selected="client_id == client.id" > </option> </select>

the problem is that the select must show the v-model value as selected value, but sometimes it show "Nothing selected" instead

[SuhaibMaraqa]

Fixed with:
$('#client-list').selectpicker('val', _this.client_id);

in the getClientLists function