VueJS select 占位符不显示 v-model 不为空

Question

这是我的代码：

<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 中但使用好的占位符的替代方法？谢谢！

Answer 1

我终于找到了一个临时解决方案：

<option :value="''" disabled selected>Choisir une filiale</option>

虽然不是真正的占位符，但效果是一样的

如果您有其他解决方案，我很感兴趣。

VueJS select 占位符不显示 v-model 不为空

VueJS select placeholder does not display with v-model not empty

javascript

vue.js

select

placeholder

v-model