How to limit iteration of elements in `v-for`

Question

I\'m building a small application in Vuejs 2.0 I\'m having approx 15 iterating elements I want to limit the v-for for only 5 elements and can have

Answer 1

you can try this solution to...

....

and set your limit in data

data() {
  return {
    limitationList:5
  };
},

and set a function in you btn

  
    show {{limitationList == 5 ? 'more' : 'less'}}
  

and this your methods

updateLimitation(limitationList){
  if (this.limitationList == this.items.length) {
    this.limitationList = 5
  }else{
    this.limitationList = this.items.length
  }
}

i hope useful for you...