Javascript 在“选择”字段中的vue选项前面加上“；请选择……”；选项

我试图将一个选项添加到从数据库查询填充的select字段中。如何添加禁用的“请选择…”选项

以下是选择代码：

              <b-select v-model="project" class="form-control">
              <option :key="project.ProjectID" v-for="project in projects" :value="project"> {{ project.ProjectName }}</option>
               </b-select>

---

我到处都在寻找指导我的东西。

制作项目数组的第一个元素“请选择…”。然后将传入数据推送到项目目录。在此之后，“请选择…”将首先出现。“请选择……”。最后，用脚本检查“value”属性。继续而不计算“请选择…”值。最简单的方法如下所示。如果以后有什么不同的想法，我将帮助您。

在

的插槽中添加一个

元素，使

attr=disabled

，如下所示：

<b-select v-model="project" class="form-control">
  <option value="Please choose..." disabled>Please choose...</option>
  <option :key="project.ProjectID" v-for="project in projects" :value="project"> {{project.ProjectName }}</option>
</b-select>

请选择。。。
{{project.ProjectName}

<b-select v-model="project" class="form-control">
  <option value="Please choose..." disabled>Please choose...</option>
  <option :key="project.ProjectID" v-for="project in projects" :value="project"> {{project.ProjectName }}</option>
</b-select>