英文:
VueJS select placeholder does not display with v-model not empty
问题
这是我的代码：
<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>
以及数据部分：
data() {
return {
searchFiliale: this.$root.getParamUrl('filiale') || '',
}
},
问题是，b-select的占位符没有显示，因为searchFiliale不为空或null。你是否有一种方法，在保持searchFiliale在v-model中的同时，正确显示占位符？谢谢！
英文:
here my code :
<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 the datas :
data() {
return {
searchFiliale: this.$root.getParamUrl('filiale') || '',
}
},
The problem is that the placeholder of b-select does not display because searchFiliale is not empty or null.
Do you have an alternative to keep searchFiliale in v-model like here but with the good placeholder ?
Thank you !
答案1
得分: 1
我终于找到了一个临时解决方案：
<option :value="''" disabled selected>Choisir une filiale</option>
这不是一个真正的占位符，但效果是一样的。
如果你有其他解决方案，我很感兴趣。
英文:
I finally found a temporary solution :
<option :value="''" disabled selected>Choisir une filiale</option>
It's not a real placeholder but it's the same effect.
If you have another solution I am interested.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论