title: Vue Router does not redirect to the right page
body: <p>When I try to push a new <strong>profile</strong> with an <strong>profileID</strong> with <strong>VueRouter</strong> I get an error saying: <em><strong>Avoided redundant navigation to current location: &quot;/user/ID&quot;.</strong></em> When clicking on the button it is not redirecting me to another page, it just jumps to the beginning of the current page.</p>
  <p>I declared my <strong>routes</strong> in my <strong>index.js</strong> file like this:</p>
  <pre><code>const routes = [
      {
          path: '/',
          name: 'EntryPoint',
          component: EntryPoint
      },
      {
          path: '/main',
          name: 'Main',
          component: Main
      },
      {
          path: '/user/:id',
          name: 'User Current',
          component: CurrentUser
      },
  </code></pre>
  <p>When I am on an <strong>user</strong> page the path in the url already contains an <strong>userID</strong> - so f.e. <em><strong>#/user/1111</strong></em>.</p>
  <p>Now on the same user page I want to navigate to another user when the user clicks on a button:</p>
  <pre><code> &lt;ContactCard
            v-for=&quot;user in users&quot;
            @goToUser=&quot;goToUser(user.id)&quot;
          /&gt;
  
  goToUser(userId) {
        this.$router.push({ name: &quot;User Current&quot;, params: { id: userId } });
      },
  </code></pre>
  <p>The <strong>id</strong> which I get from my <strong>users</strong> array contains different id´s for each user.</p>
  <p>Any suggestions why the routing is not working properly?</p>
  <p>When clicking on the button I see for an instance that the url is changing with the right path: <em><strong>#/user/1112</strong></em>. Inseatd of updating the page it removes the url, jumps to top and gives me the error message from above when selecting the button again.</p>
  <p>When I log</p>
  <pre><code>console.log(this.$route.path);
  </code></pre>
  <p>on button click I get the correct route - <strong>/user/ID</strong> but it is not updating anything.</p>
  <hr />
  <p>UPDATE:</p>
  <p>As Zdravko Pernikov suggested I keyed my  and it works:</p>
  <pre><code>&lt;template&gt;
      &lt;div id=&quot;app&quot;&gt;
          &lt;div id=&quot;nav&quot;&gt;
              &lt;label&gt;Welcome&lt;/label&gt;
  
              &lt;router-link to=&quot;/main&quot;&gt;Welcome&lt;/router-link&gt;
  
              &lt;router-link to=&quot;/User&quot;&gt;User&lt;/router-link&gt;
  
          &lt;/div&gt;
          &lt;router-view :key=&quot;$route.path&quot;/&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>