如何在Vue.js中进行分页操作的上一个和下一个？

Question

我在上一页和下一页的分页上遇到麻烦。有人可以帮我做分页的上一个和下一个吗？我希望我的分页看起来像这样上一页1 2 3下一页。这是我的jsfiddle https://jsfiddle.net/cspzm21o/2/

  pagination : function(activePage) {
                this.currentPage = activePage;
                this.startIndex = (this.currentPage * 10) - 10;
                this.endIndex = this.startIndex + 10;
            },

  previous : function() {
                this.startIndex--;
            },
  next : function() {
                this.startIndex++;
            }

Answer 1

您只是在上一个和下一个方法中增加/减少了startIndex。相反，您可以执行以下操作：

previous : function() {
    this.pagination(this.currentPage - 1);
},
next : function() {
    this.pagination(this.currentPage + 1);
}