title: Toggling active nav items with BootstrapVue and VueJs
body: <p>Currently using VueJs and Bootstrap Vue and I'm wondering how to use appending the "active" tag to the Nav links I have set up.</p>
  
  <pre><code>   &lt;div&gt;
          &lt;b-nav tabs align="center"&gt;
  
              &lt;b-nav-item&gt;
                  &lt;b-link to="/"&gt;Home&lt;/b-link&gt;
              &lt;/b-nav-item&gt;
  
               &lt;b-nav-item&gt;
                  &lt;b-link to="/table"&gt;Table&lt;/b-link&gt;
              &lt;/b-nav-item&gt;
  
          &lt;/b-nav&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>How would I be able to turn it into the following?</p>
  
  <pre><code>    &lt;div&gt;
          &lt;b-nav tabs align="center"&gt;
  
              &lt;b-nav-item&gt;
                  &lt;b-link to="/" active&gt;Home&lt;/b-link&gt;
              &lt;/b-nav-item&gt;
  
               &lt;b-nav-item&gt;
                  &lt;b-link to="/table"&gt;Table&lt;/b-link&gt;
              &lt;/b-nav-item&gt;
  
          &lt;/b-nav&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I've tried @click events to toggle a boolean and set a class that way but I've not had much success.</p>