Как я могу изменить номер строки, используя «показать 10/25/50/100 / Все записи» в Vue JS?

Question

Я хочу изменить номер строки в зависимости от выбранных опций.Например, я выбираю 25 в моем выборе, я хочу отобразить все строки в моей таблице.Это значение, которое я добавляю к своему выбору 10/25/50/100 / All, когда я выбираю его, автоматически изменяет количество строк и «Показывает от N до N из N записей».Как я могу это сделать?Может ли кто-нибудь помочь мне с моей проблемой?Вот мой jsfiddle https://jsfiddle.net/rgka8m01/17/

 showEntries: function() {
    if (value == 10) {
        return Math.ceil(this.categories.length / this.perPage)
    } else if (value == 25) {
        return Math.ceil(this.categories.length / 25)
    } else if (value == 50) {
        return Math.ceil(this.categories.length / 50)
    } else if (value == 100) {
        return Math.ceil(this.categories.length / 100)
    } else if (value == 'All') {
        return Math.ceil(this.categories.length / 1000)
    }
  }

Answer 1

Я мутировал ваш код и прокомментировал мутации над каждой строкой. Проверьте этот образец https://jsfiddle.net/0hn1dsc7/ и скажите мне, хотите ли вы этого

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