In vue, a two-tier loop implements a list that shows how to write

12 3 4 9 10 11 12 17 18 19 20
5 6 7 8 13 14 15 16 21 22 23 24

clipboard.png

as shown in the picture, 12 3 4 5 6 7 8 is one group,
9 10 11 12 13 14 15 16 is one group,
17 18 19 20 21 22 23 24 is another group,
is shown above.

Aug.03,2021

normal cycle, use style to control the position


this need to be regular? There is a rule, according to the rule to decide whether to nest loops or process them into page recyclable data in js


<div v-for="items in list">
  <p v-for="item in items">
    {{item}}
  

</div>
Menu