title: Vue router reloading the current route
body: <p>Without reloading the whole page I need to reload the current route again (Only a component reload) in a vue app.</p>
  
  <p>I am having a path in vue router like below,</p>
  
  <pre><code>{
    path: "/dashboard",
    name: "dashboard",
    component: loadView("Dashboard"),
  
  },
  </code></pre>
  
  <p>When user clicks on the Dashboard navigation item user will be redirected to the Dashboard page with vue router programmatic navigation</p>
  
  <pre><code>this.$router.push({ name: "dashboard" });
  </code></pre>
  
  <p>But when user already in the dashboard route and user clicks the Dashboard nav item again nothing happens. I think this is vue router's default behaviour. But I need to force reload the Dashboard component (Not to refresh the whole page).</p>
  
  <p>I can't use beforeRouteUpdate since the router is not updated. Also I have tried the global before guards like beforeEach. But it is also not working. </p>
  
  <p>How can I force reload the dashboard component without reloading the whole page?</p>