上下翻页按钮，上一页 下一页 vue2，分页

已经有每一页对应的数据，一共五页，点击到最后一页再点下一页按钮时回到第一页

 

        <div class="button-list">
          <button @click.prevent="handleLeft">
            <i class="el-icon-arrow-left"></i>
            {{ifchinese ? '上一页':'pre page'}}
          </button>
          <button @click.prevent="handleRight">
            {{ifchinese ? '下一页':'next page'}}
            <i class="el-icon-arrow-right"></i>
          </button>
        </div>

 

    //上一页
    handleLeft() {
      this.number -= 1
      if(this.number < 0) return this.number = 5
    },
    // 下一页
    handleRight() {
      this.number += 1
      if(this.number > 5) return this.number = 0
    },