Bootstrap Vue - 使下拉列表只读

Question

在我的“Bootstrap Vue”项目中，如果用户单击“确认”按钮，我有一个列表可以将输入字段更改为只读状态。我正在使用每个列表元素都具有的布尔变量来执行此操作。 (true --> readonly, false --> write) .

:readonly="project_element.read_only" 这适用于所有正常输入，但不适用于下拉菜单。

有没有办法让下拉菜单也只读？

这是我的下拉菜单：

<td v-show="statusc">
  <b-form-group id="input-group-4" label-for="input-3">
    <b-form-select
      id="input-4"
      v-model="project_element.project_state"
      :options="project_status"
      required
      :readonly="project_element.read_only"
    ></b-form-select>
  </b-form-group>
</td>           

在图片中你可以看到，下拉菜单是唯一不受影响的。 [1]：https://i.stack.imgur.com/81ISF.png

Answer 1

改为disabled：

<b-form-select
  :disabled="project_element.read_only"
></b-form-select>