title: Vue js - How to route requests with query string
body: <p>I have a router-view object made in this way</p>
  
  <pre><code>export default new Router({
    linkExactActiveClass: 'active', // active class for *exact* links.
    mode: 'history',
    routes: [
      {
        path: '/admin',
        name: 'dashboard',
        component: Dashboard
      },
      {
        path: '/company',
        name: 'company',
        component: ObjectList,
        props: {
          url: '/web/company',
          idColumn: 'companyId'
        }
      }
    ]
  })
  </code></pre>
  
  <p>when i hit /company link the router correctly sends me to the <code>ObjectList</code> component</p>
  
  <p>In this page I have a simple pagination component made in this way</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="overflow-auto"&gt;
      &lt;b-pagination-nav
        align="center"
        :link-gen="linkGen"
        :number-of-pages="totalPages"
        use-router
      &gt;&lt;/b-pagination-nav&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data() {
      return {
      };
    },
    name: "pagination",
    props: {
      current: Number,
      url: String,
      totalPages: Number
    },
    methods: {
      linkGen(pageNum) {
  
        return pageNum === 1 ? "?" : `?page=${pageNum}`;
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>Now, the second page, for instance, correctly has this url:</p>
  
  <pre><code>/company?page=2
  </code></pre>
  
  <p>and if i click on it, i go to the correct url. the problem is how to tell the router-link that on pressing the second page button another call to the backend must be done?
  I thought the <code>use-router</code> option should catch this link and make the request as when i click the /company link in my standard navigation bar, but obviously not..</p>