Skip to content

Instantly share code, notes, and snippets.

@richardokonicha
Created November 11, 2019 09:14
Show Gist options
  • Save richardokonicha/707254c7f62a2ab1ac7a3fcf4075bbe6 to your computer and use it in GitHub Desktop.
Save richardokonicha/707254c7f62a2ab1ac7a3fcf4075bbe6 to your computer and use it in GitHub Desktop.
A vue js component to demostrate the power of v-for and flex box. Try adding another "0" in 100 and watch it crash your pc.
<template>
<v-container>
<v-row v-for="j in 100" :key="j" :class="j === 1 ? '' : 'mt-6'" no-gutters>
<v-col v-for="i in j + 1" :key="i">
<v-card class="pa-5" outlined>
{{ i }} of {{j + 1 }}
</v-card>
</v-col>
</v-row>
</v-container>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment