title: bootstrap-vue tabs - open a tab content given an anchor in the url
body: <p>I'm using <code>bootstrap-vue</code> for a SPA and I am working on a page where we need to nest some content within <code>b-tabs</code>. </p>
  
  <p>By given a url with an anchor (eg: <code>www.mydomain.com/page123#tab-3</code>) I would like to show the content under <code>Tab 3</code>.</p>
  
  <p><strong>Question:</strong> How do I do it within bootstrap-vue? 
  Is there a native function I can use for that? 
  <strong>reference:</strong> (I couldn't find it in the docs: <a href="https://bootstrap-vue.js.org/docs/components/tabs/" rel="noreferrer">https://bootstrap-vue.js.org/docs/components/tabs/</a>)</p>
  
  <hr>
  
  <p>Here is <strong>my</strong> code:</p>
  
  <pre><code>&lt;b-tabs&gt;
  
  
    &lt;b-tab title="Tab 1" active&gt;
      Tab 1 content
    &lt;/b-tab&gt;
  
    &lt;b-tab title="Tab 2"&gt;
      Tab 2 content
    &lt;/b-tab&gt;
  
    &lt;b-tab title="Tab 3"&gt;
      Tab 3 content
    &lt;/b-tab&gt;
  
  
  &lt;/b-tabs&gt;
  </code></pre>
  
  <p>And this is the <strong>rendered</strong> html code: </p>
  
  <pre><code>&lt;div class="tabs"&gt;
    &lt;div class=""&gt;
      &lt;ul role="tablist" tabindex="0" class="nav nav-tabs"&gt;
        &lt;li class="nav-item"&gt;
          &lt;a role="tab" tabindex="-1" href="#" class="nav-link active"&gt;Tab 1&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a role="tab" tabindex="-1" href="#" class="nav-link"&gt;Tab 2&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a role="tab" tabindex="-1" href="#" class="nav-link"&gt;Tab 3&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane show fade active"&gt;
        Tab 1 content
      &lt;/div&gt;
      &lt;div class="tab-pane fade" style="display: none;"&gt;
        Tab 2 content
      &lt;/div&gt;
      &lt;div class="tab-pane fade" style="display: none;"&gt;
        Tab 3 content
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>