title: router-link VueJS can't link to an element in the same page
body: <p>I'm trying to developp a sidebar of a documentation who it links to elements on th same page <br></p>
  <pre><code>      &lt;div class=&quot;mt-6&quot;&gt;
              &lt;li class=&quot;relative&quot;&gt;
                &lt;router-link class=&quot;menuItem-active-link&quot;  to=&quot;#users&quot;&gt;
                   {{$t('navigation.users')}}
                &lt;/router-link&gt;
  
              &lt;/li&gt;
               &lt;li class=&quot;relative&quot;&gt;
                &lt;a href=&quot;#advanced&quot; class=&quot;menuItem-active-link&quot; &gt;
                  {{$t('navigation.advanced')}}
                &lt;/a&gt;
              &lt;/li&gt;
            &lt;/div&gt;
  </code></pre>
  <p>when I use the <code>a</code> tag I can navigate between each elements but I didn't know how styling the active link <br>
  And when I use <code>router-link</code> the URL change but the page stay on the current element, it does'nt go to the specified element on <code>to</code> attribute. And with <code>router-link</code> I can styling the active link easly: <br></p>
  <pre><code>.router-link-exact-active.menuItem-active-link{
      background-color: cyan;
   }
  </code></pre>
  <p>Have you any idea to solve this problem ?</p>