title: Two navbars generated from vue-router, active-class highlighting only one link
body: <p>I have two sections with navigation like this:</p>
  
  <pre><code>&lt;ul class="navigation-list"&gt;
    &lt;li v-for="(route, index) in navRoutes"&gt;
      &lt;router-link :to="route.path"&gt;
        &lt;span&gt;{{ route.name }}&lt;/span&gt;
      &lt;/router-link&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and then:</p>
  
  <pre><code>&lt;div class="burger-navbar" v-show="showBurgerMenu"&gt;
      &lt;ul&gt;
        &lt;li v-for="(route, index) in navRoutes" @click="closeBurger"&gt;
          &lt;router-link :to="route.path"&gt;
            &lt;span&gt;{{ route.name }}&lt;/span&gt;
          &lt;/router-link&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in my css i declared <code>.router-link-active{ color: white;}</code>.
  What I expect is when I visit the page with url for e.g. '/about', then About link is white. What happens - only link in the second navigation is changing its color. The first one remains black.
  How can I apply router-link-active class to both navigations at once? The reason I'm using two navbars - one for normal view, one for RWD (hamburger dropdown)
  Thanks.</p>