[Vuejs]-How to display a data in loop with condition in vue.js/nuxt.js?

1👍

You can iterate over your checkbox-array and then display those checkboxes over a CSS grid.

.grid-box {
  display: grid;
  grid-template-colums: repeat(5, 1fr);
  grid-gap: 10px;
}
<div class="grid-box">
  <Checkbox v-for="(checkbox, index) in checkboxList" :key="index" />
</div>

You can read more about CSS-Grid here.

Leave a comment