title: Bootstrap Vue - make Dropdown List readonly
body: <p>In my "Bootstrap Vue" project I have a list that changes input fields to readonly state if the user clicks on the "confirm" button. I am doing this with a boolean variable that every list element has. (<code>true</code> --> <code>readonly</code>, <code>false</code> --> <code>write</code>) .</p>
  
  <p><code>:readonly="project_element.read_only"</code> this works for all the normal inputs, but not for the dropdown menu.</p>
  
  <p>Is there a way to make a dropdown menu also readonly?</p>
  
  <p>This is my dropdown menu:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;td v-show="statusc"&gt;
    &lt;b-form-group id="input-group-4" label-for="input-3"&gt;
      &lt;b-form-select
        id="input-4"
        v-model="project_element.project_state"
        :options="project_status"
        required
        :readonly="project_element.read_only"
      &gt;&lt;/b-form-select&gt;
    &lt;/b-form-group&gt;
  &lt;/td&gt;           
  </code></pre>
  
  <p>In the picture you can see, that the dropdown menu is the only thing that is not affected. [1]: <a href="https://i.stack.imgur.com/81ISF.png" rel="nofollow noreferrer">https://i.stack.imgur.com/81ISF.png</a></p>