Question

我目前正在与vuejs进行分页。这是我的algolia数据。

我正在检查用户是否按下了上一个按钮/下一个按钮或直接输入（1,2,3等）

    setPage: function(page) {
            if(page === 'previous') {
                // go back one page
                this.currentPage--;
                this.helper.setCurrentPage(this.currentPage).search();
            } else if(page === 'next') {
                // go forward one page
                this.currentPage++;
                this.helper.setCurrentPage(this.currentPage).search();
            } else {
                // change the currentPage with direct select(no prev/next button)
                this.helper.setCurrentPage(page).search();
            }

            // update the currentPage
            this.currentPage = this.helper.getCurrentPage();
        }

这很好但我只有0到4页（页面从0开始）。如何确保我的currentPage var不会出现负数或超出我拥有的最大页数？

我想使用另一个if语句可以工作，但感觉有点草率。我正在学习javascript和vue.js，所以我想知道是否有更好的方法。

Answer 1

创建与属性相似的方法：

(*SKIP)

无论你何时调用decrimentor（this.currentPage--），你都会调用prevPage。这允许您集中管理行为。例如，如果您在最后一页上点击下一步时决定要旋转木马，那么它将转到第一页，您可以在一个地方进行旋转。

如何设置js变量的最小和最大边界？

1 个答案: