title: Prevent Vue bootstrap-dropdown from closing after click
body: <p>How can I change the behaviour of a b-dropdown-item-button within a b-dropdown-component so that it does not close automatically when I click on it?</p>
  
  <p>The dropdown is syntactically structured as follows:</p>
  
  <pre><code>&lt;b-dropdown&gt;
      &lt;b-dropdown-item-button&gt;
          &lt;span&gt;Mark as read&lt;/span&gt;
      &lt;b-dropdown-item-button&gt;
  
      &lt;b-dropdown-group&gt;
  // Messages are output here
      &lt;/b-dropdown-group&gt;
  &lt;/bdropdown&gt;
  </code></pre>
  
  <p>Now I wonder how I can prevent the dropdown from closing when I click on the b-dropdown-item-button.</p>