Bootstrap Vue - 将下拉列表设置为只读

Question

在我的 "Bootstrap Vue" 项目中，我有一个列表，如果用户单击 "confirm" 按钮，它会将输入字段更改为只读状态。我正在使用每个列表元素都有的布尔变量来执行此操作。 (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>

Bootstrap Vue - 将下拉列表设置为只读

Bootstrap Vue - make Dropdown List readonly

readonly

vue.js

dropdown

bootstrap-4