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>