title: vue-router - Navigation cancelled from "/" to "/password" with a new navigation
body: <p>Trying to navigate to password page, vue-router throwing this error</p>
  <pre><code>Uncaught (in promise) Error: Navigation cancelled from &quot;/&quot; to &quot;/password&quot; with a new navigation.
  </code></pre>
  <p>Navigating to password page is successfully redirected but not sure why this error is throwing. I didnt observe this error before.</p>
  <p>Vue router version:
  <strong>vue-router@3.3.4</strong></p>
  <p>On click on a button doing <code>this.$router.push({name: 'password', query: {username: this.username}})</code></p>
  <p>In router/index.js</p>
  <pre><code>{
  path: '/',
  component: loginComponent,
  children: [
    {
      path: '/',
      alias: '/login',
      name: 'login',
      component: () =&gt; import('../views/email.vue')
    },
    {
      path: 'password',
      name: 'password',
      component: () =&gt; import('../views/password.vue')
    }
  ]
  </code></pre>
  <p>}</p>