Here is the code I am working with:
<b-field style="display:inline-block;width:calc(90% / 4);" label="Par Filiale">
<b-select placeholder="Choix de la filiale" v-model="searchFiliale">
<option :value="null" disabled>Sélectionner une filiale</option>
<option :value="''"></option>
<option
v-for="filiale in listServicesPartenairesFiliales.filiales"
:value="filiale.name"
:key="filiale.id">
{{ filiale.name }}
</option>
</b-select>
</b-field>
And here are the datas being used:
data() {
return {
searchFiliale: this.$root.getParamUrl('filiale') || '',
}
},
I'm facing an issue where the placeholder of b-select is not displaying because searchFiliale is not empty or null. Do you have a suggestion on how to maintain searchFiliale in the v-model while ensuring the correct placeholder is shown? Thank you!