title: Toggle sidebar from Vue method?
body: <p>In a <code>&lt;b-table&gt;</code> I would like to create an action on each items so I have a button:</p>
  <pre><code>&lt;b-table :items=&quot;data&quot; :fields=&quot;fields&quot;&gt;
    &lt;template v-slot:cell(actions)=&quot;data&quot;&gt;
      &lt;b-button v-on:click=&quot;doIt(data.index)&quot;&gt;Do It&lt;/b-button&gt;
    &lt;/template&gt;
  &lt;/b-table&gt;
  </code></pre>
  <p>Then I have a Form in a sidebar</p>
  <pre><code>&lt;b-sidebar id=&quot;do-it-form&quot; title=&quot;Do it&quot; right&gt;
  ...
  &lt;/b-sidebar&gt;
  </code></pre>
  <p>In my methods I would like to respond to the action:</p>
  <pre><code>methods: {
      doIt(id) {
          sidebar.form.id = id
          sidebar.show().onSubmit(() =&gt; {
             axio...
             refresh(&lt;b-table&gt;)
          })
      }
  }
  </code></pre>
  <p>Of course, this last part is not valid. On Bootstrap Vue <a href="https://bootstrap-vue.org" rel="noreferrer">manual</a> I didn't find how to interact from Vue to Bootstrap components. Any clue?</p>