title: Framework7: Navigating to a route with different parameters while preserving history
body: <p>i'm using Framework7 and Vue and the router doesn't load a page with a different parameter.</p>
  
  <p>main.js:</p>
  
  <pre class="lang-js prettyprint-override"><code>new Vue({
      framework7: {
          root: '#app',
          routes: Routes,
          pushState: true,
          cache: false,
      },
      // ...
  </code></pre>
  
  <p>routes.js</p>
  
  <pre class="lang-js prettyprint-override"><code>// ...
  {
      path: '/gallery/:id',
      component: Gallery
  },
  // ...
  </code></pre>
  
  <p>left-panel.vue:</p>
  
  <pre class="lang-js prettyprint-override"><code>// ... 
  galleryItemClicked(id) {
      let link = `/gallery/${id}`;
      this.$f7.mainView.router.load({ url: link });
  }
  // ... 
  </code></pre>
  
  <p>The router loads the page only for the first time, but doesn't load it again when I try to load a url with different parameters.</p>
  
  <p><code>router.reloadPage(url)</code> do work, but it doesn't keep the navigation history which is very much needed. It's important to make use of Framework7 history because each page contains lengthy ajax calls, and if I create my own back stack it will cause these ajax calls to be triggered again on back.</p>
  
  <p>How can I solve this?</p>