Vue.js - while loop alternative

Question

I want to print a component as many times as an int. Something like:

x = 5;
while(x >= 5)
{
<component></component>
x++;
}

I know about v-for loop but I would like to print with a number not with an array. Is it possible?

v-for with a range? vuejs.org/v2/guide/list.html#v-for-with-a-Range v-for="x in 5" — skirtle
– skirtle, Commented Sep 5, 2020 at 20:43

Peter Seliger · Accepted Answer · 2020-09-15 22:52:37Z

1

v-for can be also used in a range:

new Vue({
     el:"#app"
});

.as-console-wrapper { max-height: 40%!important; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
     <ul>
          <li v-for="index in 5" :key="index">{{index}}</li>
     </ul>
</div>

edited Sep 15, 2020 at 22:52

Peter Seliger

13.5k3 gold badges31 silver badges45 bronze badges

answered Sep 5, 2020 at 20:43

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js - while loop alternative

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related