Как я могу избежать того, чтобы таблица была пустой, даже если я изменил записи шоу на 10/25/50/100 и нажал на нумерацию страниц?

Question

Когда я выбираю или изменяю количество строк на 25 из записей шоу и нажимаю 2 на своей нумерации страниц Назад 123 Далее, затем возвращаюсь на минимальную страницу, на которой 10 из записей шоу я получаю пустую таблицу.Как я могу избежать пустости таблицы, даже если я изменю записи шоу на 10/25/50/100 и щелкаю номер нумерации страниц?Вот мой jsfiddle -> https://jsfiddle.net/ka6t8du1/8/

 pagination : function(activePage) {
    this.currentPage = activePage;
    this.startIndex = (this.currentPage * this.show_entries) - 
    this.show_entries;
    this.endIndex = parseInt(this.startIndex) + 
    parseInt(this.show_entries);
  },
  previous: function() {
    if (this.currentPage > 1) {
      this.pagination(this.currentPage - 1);
    }

  },
  nextCategory: function() {
 if (this.currentPage < this.totalCategory) {
   this.pagination(this.currentPage + 1);
 }
  },
  showEntries: function(value) {
        this.endIndex = value ;
    }
  },
  computed : {
      totalCategory: function() {
        return Math.ceil(this.categories.length / this.show_entries)
    }
  }

Answer 1

Ваши startIndex и endIndex устанавливаются в одно и то же значение, когда вы возвращаетесь к минимальному значению из большего значения. Таким образом, условие в <tr ..... v-if="index >= startIndex && index < endIndex"> не выполняется и записи не отображаются. Просто сбросьте нумерацию страниц на первую страницу, чтобы пересчитать индексы.

showEntries: function (value) {
   this.endIndex = value;
   this.pagination(1);
}