VueJs - Изменить страницу не работает в пагинации - PullRequest
Новая
       11

VueJs - Изменить страницу не работает в пагинации

0 голосов
/ 05 февраля 2020

Я работаю над закладками компонента, где получаю список из списков компонентов. Я реализовал логику c для количества страниц и общего количества записей, но не могу понять, как изменить страницу.

Как можно изменить страницу и указать только c количество записей показано на странице.

Мой код: HTML

<div class="panel-body" v-if="fetchFix=true">
    <button class="btn btn-primary" @click="getJobs()">Check response</button>
  <listing
      :jobs="jobs"
      :totalRecords="totalRecords"
      :page="page"
      :pages="pages"
      :recordsPerPage="recordsPerPage"
      :paginationEnabled="true"
      :candProfilePic="candProfilePic"
      :showNoJobsMessage="false"
      :candName="candName"
    ></listing>
    <v-spinner v-if="$wait.is('fetchingJobs')"></v-spinner>
  </div>

компонент: 

    name: 'bookmarks',
      props: {},
      data () {
        return {
          jobs: [],
          fetchFix: false,
          recordsPerPage: 10,
          totalRecords: 0,
          page: 1,
          pages: 0,
          initialFetchDone: false
        }
      },
  computed: {
    ...mapGetters('candidateSettingsModule', ['candidateInfo']),
    ...mapGetters('jobSearchModule', ['markedJobs']),      
  watch: {
    markedJobs (props) {
      this.jobs = this.$parent.mapResponseToJob(props)
    }
  },
  components: {
    listing: () => import('../listing/listing.component.vue')
  },
  methods: {
    mapMarkedJobs () {
      this.jobs = this.$parent.mapResponseToJob(this.markedJobs);
      this.totalRecords = this.jobs.length;
      this.pages = Math.ceil(this.totalRecords / this.recordsPerPage);
    }
  }
}

Все поля Общее количество записей, записей на странице, страниц рассчитывается правильно, когда я записываю значения в консоль, но при загрузке страницы все данные отображаются на той же странице, и разбиение на страницы не работает. У меня вопрос, что я должен сделать, чтобы изменить страницу сейчас?

...