title: Getting bootstrap vue pagination to play with REST api
body: <p>Trying to get Bootstrap Vue to play with a REST api that returns data for one page and the total number of records (based on <a href="https://bootstrap-vue.js.org/docs/components/table" rel="noreferrer">this</a>):</p>
  
  <pre><code>&lt;template&gt;
    &lt;/div&gt;
      &lt;b-pagination 
        v-on:change="onPageChange" 
        :total-rows="totalRows" 
        :per-page="perPage" 
        v-model="currentPage"  /&gt;
      &lt;b-table responsive striped hover show-empty
        stacked="md"
        :items="items"
        :fields="fields"
        :current-page="currentPage"
        :per-page="perPage"
        :filter="filter"
        :sort-by.sync="sortBy"
        :sort-desc.sync="sortDesc"
        :sort-direction="sortDirection"
        @filtered="onFiltered"&gt;
      &lt;/b-table&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  ...
  export default {
    name: 'TableList',
    data() {
      return {
        module: null,
        title: 'Table',
        items: [],
        fields: [],
        errors: [],
        currentPage: 1,
        perPage: 15,
        totalRows: 0,
        pageOptions: [ 5, 10, 15 ],
        sortBy: null,
        sortDesc: false,
        sortDirection: 'asc',
        filter: null,
      }
    },
    created() {
      ...
      this.fetch();
    },
    methods: {
      fetch() {
        var me = this;
        var requestParams = {
          page: this.currentPage,
          per_page: this.perPage
        };
        if(this.sortBy) {
          requestParams = Object.assign({ sort_by: this.sortBy }, requestParams);
        }
        Rest('GET', '/table/' + this.table, requestParams, this.$root.user.token)
        .then(response =&gt; {
          me.items = response.data[1]
          me.totalRows = response.data[0].total_entries
        })
        .catch(error =&gt; {
          this.errors.push('Error: ' + error.response.status + ': ' + error.response.statusText)
        })
        .finally(() =&gt; {
          //alert('turn off loader!');
        });
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>This Vue works if I fetch the entire table. However, when I use the REST api to return one page at a time, the number of pages is calculated to be 1, and the forward and end links are inactive. Thus, I am unable to trigger a request for e.g. page 2.</p>
  
  <p>The REST api correctly returns the total number of rows in the table, and the number of rows requested, but Bootstrap Vue does not appear to be watching/reacting to changes to this.totalRows.</p>
  
  <p>What have I missed?</p>