vue.js неверный расчет нумерации страниц

Question

В моем приложении есть код нумерации страниц, который вычисляет нумерацию страниц на основе данных из REST API. Когда я добавляю страницу страниц, она вычисляется со страницы 0, а не с 1, поэтому она говорит «0 из 9», а когда она достигает конца, она говорит «8 из 9», когда она должна говорить «1 из 9» и «9 из 9» в конец. Пока мой код:

HTML

<p>Page {{page}} of {{pageCount}}</p>

JS

data: function() {
    return {
      page: 0
    };
  },

computed: {
    pageCount() {
      let l = this.result.length,
        s = this.size;
      return Math.floor(l / s);
    },
    paginated() {
      const start = this.page * this.size,
        end = start + this.size;
      return this.result.slice(start, end);
    }
  },

Есть идеи? Может быть, я неправильно вычисляю метод math.floor?

Answer 1

Ваша переменная страницы проиндексирована 0 вместо 1 индекса.Вы можете сохранить его таким образом, чтобы разбиение на страницы продолжало работать так, как задумано, но там, где вы выводите его пользователю, вы можете просто добавить 1, чтобы это имело смысл для пользователя.

<p>Page {{page + 1}} of {{pageCount}}</p>

Answer 2

Из того, что я понял, ваш метод pageCount () является правильным, потому что у вас действительно есть 9 страниц, поэтому math.floor не проблема, ваша переменная страницы является той, которая неверна, но я не могу видеть, откуда вы получаете эту переменную но простым, но грубым решением было бы просто добавить 1 к переменной.