Vue Js - Loop via v-for X times (in a range)

Question

How can I repeat a loop via v-for X (e.g. 10) times?

// want to repeat this (e.g.) 10 times


  
         


        

Answer 1

You can use an index in a range and then access the array via its index:

  

    {{ shoppingItems[index].name }} - {{ shoppingItems[index].price }}
  

You can also check the Official Documentation for more information.