引导Vue -使下拉列表只读

Question

在我的"Bootstrap“项目中，我有一个列表，如果用户单击”确认“按钮，则将输入字段更改为只读状态。我使用的是一个布尔变量，每个list元素都有这个变量。(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>