title: Bootstrap-Vue - Nav tabs not active for children on router
body: <p>Versions:</p>
  
  <pre><code>"bootstrap-vue": "^2.0.0-rc.27",
  "vue": "^2.6.10",
  "vue-router": "^3.0.3",
  </code></pre>
  
  <p>My vue-router has children on the <code>/app/groups</code> route. Within the children, I created <code>&lt;b-nav pills&gt;</code> in order to navigate <code>groups</code> however the <code>tabs</code> are not showing up as <code>.active</code>. I'm using <code>params</code> on the routes, not sure if this affects it. Any ideas?</p>
  
  <p><strong>GroupContainer.vue</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;b-container class="pt-3"&gt;
        &lt;b-nav pills align="center"&gt;
          &lt;b-nav-item :to="{ name: 'group.edit', params: { id: this.$route.params.id }}" &gt;Group&lt;/b-nav-item&gt;
          &lt;b-nav-item :to="{ name: 'group.users', params: { id: this.$route.params.id }}" &gt;Users&lt;/b-nav-item&gt;
        &lt;/b-nav&gt;
      &lt;/b-container&gt;
      &lt;DefaultPage title="Group name" subtitle="Settings"&gt;
        &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/DefaultPage&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import DefaultPage from '../layouts/DefaultPage.vue'
  
  export default {
    name: 'GroupContainer',
    components: {
      DefaultPage
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>router.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>{ path: "/app/group", component: GroupContainer,
      children: [
        { path: "", component: NotFound },
        { path: ":id", name: "group.edit", component: GroupEdit },
        { path: ":id/delete", name: "group.delete", component: GroupDelete },
        { path: ":id/users", name: "group.users",  component: GroupUsers },
        { path: ":id/users/:userID", name: "group.users.edit", component: GroupEditUser },
        { path: ":id/users/:userID/delete", name: "group.users.delete", component: GroupDeleteUser },
        { path: ":id/add-user", name: "group.addUser", component: GroupAddUser }, 
      ]
    },
  </code></pre>