How to control the number of cycles of v-for in vue.js-vue2.0?

there is a lot of data, but I only want to show two at a time. When I click on the next two in the display data on the next page, what can I do
clipboard.png
method to control the number of cycles of v-for, so as to achieve the effect I want?

Mar.05,2021

  • process directly in v-for

vMelfort = "img in [.allImgList] .splice (currentPage * 2,2)


<ul>
  <li v-for='item in 10 ' v-if='item >= min && item <= max'>{{item}}</li>
</ul>
<button @click='add'>min + 2 current:min{{min}}</button>
<button @click='sub'>max - 2 current:max{{max}}</button>
</div>
  new Vue({
  el: "-sharpapp",
  data() {
    return {
      min: 0,
      max: 10
    }
  },
  methods: {
    add() {
      this.min += 2
    },
    sub() {
      this.max -= 2
    }
  }
})
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3be39-2c2c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3be39-2c2c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?