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

这是我的代码：

<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>

问题是b-select的占位符不显示，因为

searchFiliale

不是空的或空的。 您是否有其他方法可以在

v-model

中保留

searchFiliale

，如此处所示，但保留好的占位符？

---

谢谢大家!

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

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

Choisir une分公司

它不是一个真正的占位符，但效果相同

---

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

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

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

Choisir une分公司

它不是一个真正的占位符，但效果相同

---

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

您是否尝试过：

：placeholder=“searchFiliale”

？是，但我想显示您尝试过的实际占位符：

：placeholder=“searchFiliale”

？是，但我想显示实际占位符，它确实显示在“选项为已禁用”字段中，但不显示初始占位符。是否也显示了占位符？这会在“选项为已禁用”字段中显示，但不会显示初始占位符。您是否也显示了占位符？